Page Loader

Stable Version 6.0.3 (O11)
Also available for 10
Published on 18 Feb 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.3)

Fixed issue when applying script on a navigation link that already been applied.

Reviews (0)
Category
UI & Widgets, Components
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 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
28573
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
2777
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.
10063
More from Matheus Medeiros
Action Reflection
Matheus Medeiros
Allows dynamic action calls through the names of the eSpace and Server Action.
35
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.
137
Button Locker
Matheus Medeiros
Component to prevent multiple clicks on a submit input by disabling the button . 
95