Error - Adding element with duplicate id with Launching Custom UI5 app from Fiori launch Pad

[#1]

Fellow Members -  Custom UI5 application configured into the Fiori Launch Pad and able to launch successfully first time. However, when user click on "Home" button on the Custom Application to navigate back to launch pad and re-launch same application, application end up with error - "Adding element with duplicate id". Seem like some reason Controls don't get destroyed when application destroyed.

Was spent time looking into the issue and was end up with no luck.The error is simple and make sense but don't know the fix 😞

I am looking for thoughts & direction to fix the issue.

Happy Friday..

Tags edited by: Michael Appleby

[aakash-neelaperumal]

Not sure on about the root cause of the issue. But changing the application type from LPD_CUST to SAPUI5 in launchpad admin page should fix this.

[Former Member]

I changed from LPD_CUST to SAPUI5 in admin, still doesn't work. This issue is reproducible from launchpad running in local tomcat also. Issue exists in UI5 versions 1.22.3 and 1.24.1

[michael_speight2]

Hi Aakash,

not sure exactly what you mean here. Do you mean I should use the transaction LPD_CUST to change the application type to SAPUI5?

I don't have this option in the dropdown list. I am currently using type URL.

Regards,

Mike

[aakash-neelaperumal]

Mike,

No, the change I had mentioned is to be done in the Fiori Admin page where you had created the custom catalog & groups. Here where you have the option to provide the custom UI5 application as a direct link(SAPUI5) or as LPDCUST entry.

But that is just a workaround, which fixed the same issue I had before. Its better to upgrade the UI5 libraries and also check if there are any issue in the UI5 application.

[michael_speight2]

Hi Aakash,

do you mean the option "Use semantic object navigation"?

Do you happen to have a screenshot for the settings that you used?

Thanks,

Mike

[aakash-neelaperumal]

Hi Mike,

I dont have access to the system right now to send a screenshot. But you should be able to find this option in Fiori Admin -> Target Mapping -> Target. In target, if you have the latest UI5 library version, then you should be getting the option to select either LPDCUST or SAPUI5 (radio button). But if you are using older library version then your only option is to use the LPDCUST.

Please make sure that you have applied all notes in below link.

[aakash-neelaperumal]

Mike,

PFA screenshot.

[michael_speight2]

Hi Aakash,

Thanks a lot for you efforts.

I have to use the LPD_CUST variant though, due to the way the roles are being assigned here.

It also fits in with all the other standard Fiori apps that are being used.

Like you say, that would only be a workaround anyway.

I will try to restructure the app to eliminate the problem.

Mike

[cmetz]

I have exactly the same problem. I already changed from LPD_CUST to SAPUI5 in Fiori Admin, but still the same.

How did u solve it?

Chris

[Former Member]

Hi Chris

The issue is not because of launchpad config.

In your application while creating UI element use createId

new sap.m.Text(this.createId("textId"),...)

and retrieve using view.byId("textId")

Regards

Vidyadhar

[cmetz]

Thanks for your repy Vidyadhar.

I am using XML-View, so the ID creation is done automatically.... Any further ideas?

[michael_speight2]

Hi Christoph,

changing the code to use createId etc. did not work for me, I still got the same "duplicate ID" errors, when calling the App from the Fiori Launchpad.

What method are you using to navigate between the views?

All my problems disappeared, when I switched from the old "event-bus/navigation" model to the newer "routing" model.

I have no further duplicate ID issues, even if I use fixed IDs for some elements.

Hope this helps, as the issue is (I know) very frustrating.

Regards,

Mike

[cmetz]

Hey Michael,

thanks for this hint. Indeed I am using event-bus navigation, so I have to change my whole navigation :-(.

I am gonna try it and give feedback.

Regards

Chris

[michael_speight2]

OK, good luck. It certainly worked for me.

I used the "PO approval" application in the latest version of the SDK as a reference.

Regards,

Mike

[former_member187007]

Hello Christoph,

Did it work changing to route approach? or did you find another way to achieve this without changing event bus navegation?.

Best regards.

Jhon Jairo.

[cmetz]

Hi Jhon Jario,

haven't changed the code yet. But I developed a new App with Router approach and haven't faced any duplicate id error.

Regards

Chris

[former_member187007]

Hello Cristoph,

Thanks, actually I changed all my app to Router approach, and the error disappear, may be could I ask you something else, I don't want to handle bookmarking in routing so I would like to hide the hash that appears in url without changing my patterns, do you know if this can be possible?.

Thank you very much in advanced.

Best regards.

Jhon Jairo.