Forge

The Page Loader component shows a loading page overlay when pressing a link or a submit button.

This is the screen loader used to freeze the screen while data fetching or rendering.

The Full Screen Loader is a versatile OutSystems block that allows developers to easily display a full-screen loading indicator on any screen within their applications. With a simple configuration, developers can enable or disable the loader by passing a Boolean value, providing a seamless and intuitive loading experience for users. 

With this generator, you will be able to customize a CSS loader for your web page. Just select a spinner/loader and then you will have the option to customize the color, size and speed of the CSS loader.

Explore over 350+ animated loaders crafted in Outsystems, presented as reusable blocks. You can change background Color, Opacity, Loader Position, Size and Animated frequency. Stay tuned for regular updates with additional loaders and exciting new features. This reusable component is fully functions with CSS. No additional JavaScript required.

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.

This asset provice shimmer controls to use it inside the pages.
A shimmer is a temporary animation placeholder for when a service call takes time to return data and we don't want to block rendering the rest of the UI.
You can use shimmer to reserves space in your page to be filled when the data are ready.

Block to show a dialog inside client action and wait for a user response.