How to use Navigation/Tabs widget
Application Type
Mobile, Reactive

Hello,

I am trying to use the Tab widget in the mobile application, but when I selected the tab header the required tab content as per header selection is not showing. Please suggest a simple/easy way to handle this issue.

Solution

Hi narendra,

Tab widget is working properly for basic implementation. Place the tab widget in the screen and provide appropriate Header and  content.

URL : https://saravanan-gamechanger.outsystemscloud.com/PreviewInDevices/?IsMobilePreview=True&DeviceName=Smartphone&URL=/TEST_MOB/Tabs?_ts=637568772591555764

Regards,

Saravanan 

TESTMOB17052021.oml

Thank you @Saravanan S,

Don't know why but when I am trying to add list records in tab content, that is not functioning.

Hi Narendar,

Check the content of tabs, it should be according to the header,

 refer to the below link for more details

https://success.outsystems.com/Documentation/11/Developing_an_Application/Design_UI/Patterns/Using_Traditional_Web_Patterns/Navigation/Navigation_Bar

Regards

Shradha

Thank you @Shradha Rawlani for taking your time for my issue,

But I need tab widget in the mobile application, and your suggestion "navigation bar" is applicable for only traditional applications.

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