Reactive Sidebar with Overlay - Overview

Give us feedback

Stable version 1.0.6 (Compatible with OutSystems 11)

Uploaded on 01 February 2022 by

José Pedro Proença

5.0

(4 ratings)

Details

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.

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)

Related assets