Mobile app tabs

  

Hi All,

Is it possible to make outsystems tab fixed?

Right now when I scroll it down it is not static At all.

PFA



Hi All,


I have done this but I don't know this is the right approach to do this,


.tabs-header {
    position: fixed;
    width: 100%;
}


.tabs-content {
   
    padding-top: 50px;
}


Regards,

PAnkaj

Hi Pankaj,


Although your solution is correct, some rendering issues may appear on some devices. For example, position: fixed in iOS sometimes doesn't fix when the page is scrolled.


Fortunately combining some of other Widgets and Patterns and by adding your own logic it is possible to achieve the same behavior as Tabs Pattern, check the .oml attached and let me know if you need more help.


Regards