Page Loader
Stable Version 6.0.0
Published on 27 Sep by 
Created on 10 November 2017
Details
Shows a loading page overlay when pressing a link or a submit button.
Read More

Sample: https://www.outsystems.com/forge/component/3520/page-loader-sample/

Features:

  • Prevent multiple clicks at the same button or link.
  • Prevent the user from interacting with the page until the action is done.

Instructions:

  1. Add a reference to the public element "ScreenLoader" to your eSpace.
  2. Drop the "ScreenLoader" to the web screen that you want to show the loading overlay.
  3. Add the "LoaderPage" style to the links or buttons that will show the loader when clicked.

Optional:

  1. Select the "ScreenLoader" element and set a custom loading message at the parameter "Text".
  2. Select the loading animation that will be displayed by setting the parameter "Animation". (Must add a reference to the "Animation" static entity)

Animations:


Circle

Bounce

Fading Circle

Rectangles


Notes:

  • The loader will be shown only after the frontend validation.
  • The loader will be dismissed on the first ajax refresh after the click or will navigate to the submit destination.
What’s new (6.0.0)

Upgraded to OutSystems 11

Reviews (0)
Category
Components, UI & Widgets
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Matheus Medeiros who created this component.
Dependencies
Page Loader has no dependencies.
Requirements
Platform
11.0.0.200
Database
All
Stack
All
Component Consumers
See all 1 consumers
Weekly Downloads 
Related Components
Google Drive Connector
OutSystems R&D
Google Drive Connector allows your OutSystems Applications to use the Google Drive REST API to interact with your files.
997
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
7325
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
10640
More from Matheus Medeiros
Action Reflection
Matheus Medeiros
Allows dynamic action calls through the names of the eSpace and Server Action.
Magnific Popup
Matheus Medeiros
Magnific Popup is a responsive lightbox  dialog script with focus on performance and providing best experience for user with any device.
105
Button Locker
Matheus Medeiros
Component to prevent multiple clicks on a submit input by disabling the button .