[OutSystems UI] Tabs error when returning to previous screen in Mobile
outsystems-ui
Reactive icon
Forge component by Platform Maintenance
Application Type
Reactive
Service Studio Version
11.53.19 (Build 61407)
Platform Version
11.17.0 (Build 36781)

Hello, 

My organisation updated Outsystems UI on our server this week, which made the Tabs component deprecated. Since I switched the Tabs used to the new version I encountered the following error on mobile whenever I navigate back to a screen with Tabs via a (Previous Screen) link: 

"There is already a TabsHeaderItem registered under id: 0.xxxxxxxxx". 

Note that this error only appends when I use a phone and does not happen via the Preview or the Progressive Web App. This error seems to happend immediatly when we access a page with Tabs via (Previous Screen) where we beforehand changed the selected Tab from the default one. When this error is encountered it is possible to change tab header but the tab content is stuck with the default one and will stay the same.

I had confirmation this error happened on at least two different Android phone, but I do not know if it happened on an IOS. 

If you have any idea on how to prevent this error feel free to answer.

Regards, Tim Martin


Solution

Hi @Tim Martin,


Thank you for the report and info provided! We were able to replicate the issue and added a task on our backlog to fix it on a future release!


In the meantime, if you really need to use the Previous Screen button, as a workaround you can wrap the Tabs Pattern on a platform If with a boolean variable attached (false by default). On the Screen1's OnReady event, you can assign that variable True and it should prevent the issue.

I attached an oml with the workaround.


Best regards,

Bernardo Cardoso


TestTabFIX.oml

Hi @Tim Martin,

In order to help you, can you please provide:
    1. OutSystems UI Version?
    2. Can you please isolate that issue on a different module and share it with us?

Cheers,
JR


Hi @José Rio
I have same issue using OutSystemsUI Version 2.12.0
and fix from solution didn't help - still have same error. Managed to fix it by setting boolean variable to false before navigating to another screen.
Old DEPRECATED_TabsV2 component does not have this issue.


Hi @Mykola (Nick) Tkachenko,

Just to let the information that the fix was released at the v2.13.0 under the code ROU-3834 as it can be checked on the release notes here.

Cheers,
JR

I use Outsystems UI version 2.11.0.

Here is a quickly made application that presents the same bug when tested on mobile.

TestTab.oap
Solution

Hi @Tim Martin,


Thank you for the report and info provided! We were able to replicate the issue and added a task on our backlog to fix it on a future release!


In the meantime, if you really need to use the Previous Screen button, as a workaround you can wrap the Tabs Pattern on a platform If with a boolean variable attached (false by default). On the Screen1's OnReady event, you can assign that variable True and it should prevent the issue.

I attached an oml with the workaround.


Best regards,

Bernardo Cardoso


TestTabFIX.oml

Bernardo, just to let you know the fix provided here in the OML did not work for me.
And yes, I set the variable is set to false by default.

I had the exact same issue. Yesterday it started working after a maintenance session. 

Hi, @Marisa and @André Pinho,

What's the OSUI version you're using?
Are you able to reproduce that issue and share it by an abstract oml?

Thanks in advance,

Cheers,
JR

Hi, @José

Sorry for the late reply. I'm using OSUI version 2.6.7 and it's working for me already. 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.