Forge

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.

Drawing over background image

A fullscreen loading overlay with pure CSS.
User interaction is disabled when overlay is active.
Just show/hide the WB according to need to utilize in your screen.

Automatically intercept XMLHttpRequests and displays a loading overlay while waiting for response.

Easily add a global loading overlay to your web apps that is triggered only by user actions on elements with a specific CSS class.