Page Loader Sample

Stable Version 2.0.3 (O11)
Also available for 10
Published on 05 June 2019 by 
Created on 30 March 2018
Documentation

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.
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
See all 3 dependencies