Reactive Sidebar with Overlay

Stable version 1.0.5 (Compatible with OutSystems 11)
Published on 13 Aug by 
 (3 ratings)

Reactive Sidebar with Overlay

This is an extended version of the OutSystemsUI sidebar, that offers the functionality of displaying a gray overlay over the rest of the application. You can also customize the sidebar's size or location on the screen with simple CSS classes. Eg: "sidebar-l", "sidebar-xl"... (check more on the documentation tab). This sidebar also works with the ESC key and with gestures on mobile devices. It is also possible to have multiple sidebars opened at the same time.
Read more

Find out more on how to use this component on the Documentation Tab.

  • Enable or disable closing the sidebar by clicking on the overlay
  • Close the sidebar with the ESC key
  • Close the sidebar with gestures on mobile
  • Toggle the sidebar with a client action
  • Align sidebar on the left or the right side of the screen
  • Sidebar with different sizes
  • Multiple sidebars opened at the same time
What’s new (1.0.5)

- Fixed issue where, in some situations, clicking on the right end side of the screen would inadvertently open the sidebar;

Reviews (0)