How to switch direction of the sidebar according to the direction for the screen?
Application Type
Mobile, Reactive

I'm using the built-in Outsystems Sidebar widget. I wanted to switch it to the left side of the screen depending on the direction of the screen (If the screen is in LTR direction then the sidebar should be in left side else it should be in right side).

Hi Ajay,

  • First, add a class in your css:
.sidebar-left{
    left: 0;
    right:unset;
}
  • Add IsRTL action as dependency from OutSystemsUI module. 
  • Set your sidebar's ExtendedClass like this:



I hope it works for you.


Sincerely,
Necmettin

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