Waiting Loading React

Stable Version 1.1.4 (OutSystems 11)
Published on 25 Jul by 

Waiting Loading React

Spinner and bars in full-screen mode, to wait for runs of logic flows, to use in a reactive environments.
Read More

In a reactive environment, there is sometimes a need to block the screen, totally or partially, so that the user can't take any action until the previous action is finished. While this action is taking place, it is good to inform the user that a task is being performed. And so I leave here two loaders. And since for the youngest there is always this difficulty, I leave here this component.

How to use:

  • Create a boolean variable, e.g. SpinnerMode 
  • Drag the block into the screen tree

  • At the beginning of the flow do set the Boolean variable as shown in the figure, and at the end of the flow repeat the same. This process will activate the loader and disable it respectively.

Other details:

  • Blur instead of complete opacity;
  • Have the show / hide all placeholders;
  • Have placeholder to allow inserting any content when loading;

Thank you and I hope this component will facilitate your work.

What’s new (1.1.4)
  • Introduction of the possibility to change the background color of Waiting loading. It is now possible to choose between the different colors available in the "Color" entity of OutsystemsUI.
  • Introduction of the possibility to change the Background opacity between medium and opaque.
  • Introduction of a component that contains different styles of animated loaders created with CSS.
Reviews (1)
10 Jul
in version 1.0.0
The spinner is working, thank you, one small problem it is off the screen at the bottom only the top 2 dots are visible, how can I rectify this please?
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 Miguel Verdasca who created this component.
See all 2 dependencies
Component Consumers
No consumers yet.
Weekly Downloads 
More from Miguel Verdasca