19
Views
1
Comments
Solved
[OutSystems UI] Auto height content tab in mobile application.
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Mobile
Platform Version
11.36.0 (Build 45214)

I'm trying to use Navigation\Tabs and Navigation\TabsContentItem to toggle between view and edit modes in my application. However, when displaying the view mode, the tab content area automatically expands to match the height of the edit mode, which has more content. This results in an unnecessary scrollbar and an uncomfortable user experience.

Ideally, the content area should adjust its height automatically based on its own content, rather than matching the maximum height of other tabs.

I have already set ContentAutoHeight to True in the Optional configurations, but it only works correctly when the application is opened in a browser — not in other environments like mobile or preview mode.

How can I make the tab content height truly auto-adjust to its own content in all environments?

Thank you in advance for any advice or suggestions


Mobile Application



Konomaji.oml
2024-07-17 07-59-24
Pratya Homhual
Solution

.osui-tabs__content-item:not(.osui-tabs--is-active) {

    display: none

}

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