I want to implement scrollable area in tab-headers.
I tried inserting the tab headers in Scrollable Area widget
When I select the 3rd tab , navigation to the 3rd happens but the underline highlight (red line) does not move with the selected tab.
2. I also tried using CSS "overflow-y: auto;", it is not giving the desired output.
Is there any CSS/ any other solution to make tab-headers scrollable horizontally ?
Regards,
Cynthia Maria
Hello Cynthia,
I have attached oml with some modifications, I have put scrollable area at the start.
Please check and let me know if your issue is solved or not.
Thanks
Neha
Hello Cynthia Maria ,
As I can see tabs are moving as per selected tab.
Hi Neha,
Sorry I had attached the wrong oml file( now I replaced it), if I put the tab headers in the scrollable area widget the underline highlight stops working.
Cynthia
Thank You Neha.
Hi,
Tabs are highlighting as expected for me as well.
https://success.outsystems.com/documentation/11/developing_an_application/design_ui/patterns/using_mobile_and_reactive_patterns/interaction/scrollable_area/
Wasimkhan S
Hi Wasim,
I replaced my oml now, I used Scrollable Area widget, it messes with the underline highlight.