Reactive icon

Reactive Sidebar with Overlay

Stable version 1.0.6 (Compatible with OutSystems 11)
Uploaded on 01 February 2022 by 
 (4 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
Release notes (1.0.6)
  • Added support for the latest version of OutSystemsUI (V 2.8.0).

With this new OutSystemsUI version, the sidebar developed by OutSystems already has the functionality presented in this component, so our recommendation is to use the Sidebar from OutSystemsUI instead of this one. That will be your best option for maintainability.

This version is being published to give support for apps already using this component. All apps should however transition to the Sidebar from OutSystemsUI.

Reviews (0)