32
Views
3
Comments
Solved
Header UI Issue After Updating MABS from 10 to 11 (O11 Mobile App)
Application Type
Mobile

Hi everyone,

I'm currently facing an issue in my OutSystems 11 mobile application after updating the MABS version from 10 to 11.

After the MABS upgrade, the OutSystems UI version also got updated, and now the header layout seems broken or misaligned in my app. I have already tried setting the Extensibility Config but the issue still persists.

Has anyone else experienced this after the upgrade? Is there a workaround or a specific configuration other than CSS needed to make the header behave as expected with the new OutSystems UI version in MABS 11?

Any help or guidance would be much appreciated!

Thanks in advance,

Supriya Malla

2018-05-16 11-16-36
João Heleno
 
MVP
Solution

Hi Supriya
MABS 11 introduced some changes in the behavior of the status bar.

From the release notes:
- Changed the StatusBarOverlaysWebView property default value from false to true.
- Added the StatusBarStyle property default value as default.

Take a look at this article and maybe play around a bit with these settings until you get the old behavior again.

https://success.outsystems.com/documentation/11/deploying_apps/mobile_apps_packaging_and_delivery/customize_your_mobile_app/customize_the_application_status_bar/

Regards,
João Heleno

2023-02-19 05-11-08
Faais

Hi supriya,

Maybe the CSS has changed. Could you send me the URL or OML? That would make it easier to debug. 

2018-05-16 11-16-36
João Heleno
 
MVP
Solution

Hi Supriya
MABS 11 introduced some changes in the behavior of the status bar.

From the release notes:
- Changed the StatusBarOverlaysWebView property default value from false to true.
- Added the StatusBarStyle property default value as default.

Take a look at this article and maybe play around a bit with these settings until you get the old behavior again.

https://success.outsystems.com/documentation/11/deploying_apps/mobile_apps_packaging_and_delivery/customize_your_mobile_app/customize_the_application_status_bar/

Regards,
João Heleno

UserImage.jpg
Supriya Malla

Hi @João Heleno,

Thank you so much for your response and for pointing out the MABS 11 changes — especially the default values for StatusBarOverlaysWebView and StatusBarStyle. I really appreciate you taking the time to share the documentation.

I had actually reviewed that documentation earlier and tried adjusting those settings in Service Studio. However, the issue still persisted in our case. What we eventually discovered was that the configurations applied in Service Studio were being overridden by the ones set in Lifetime.

Once we updated the Lifetime configurations to match, everything started working as expected and the header layout issue was resolved.

Thanks again for your input — it definitely helped confirm we were on the right track, and I hope this additional detail helps others in a similar situation!

Best regards,

Supriya Malla

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