Page Loader

Stable Version 6.0.4 (O11)
Also available for 10
Published on 5 Jun 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.4)

Now Page Loader only hides outsystems ajax loader when showing the overlay.

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:
.NET
Component Consumers
See all 1 consumers
Weekly Downloads