animated-loaders
Reactive icon

Animated Loaders Loading

Stable version 1.0.3 (Compatible with OutSystems 11)
Uploaded
 on 15 Apr
 by 
EONE TECHNOLOGIES PRIVATE LIMITED
5.0
 (2 ratings)
animated-loaders

Animated Loaders Loading

Documentation
1.0.3

This Animated CSS Loader Forge Component for OutSystems is a versatile and easy-to-use solution for integrating animated loaders into your OutSystems applications. This documentation provides information on how to install, use, and customize the loader to suit your application's needs.

With a help of this Forge component you can use more than 2 loaders within a same screen based on your requirement. Example, if you build a Food application - for loading page, you can go for a classic loaders, during order or payment you can choose a hungry loader based on your requirement.

With help if this forge component, you Can change the background colour, Opacity, loader position, Size and Animation Frequency.

  • Install the forge component Animated loaders
  • There are multiple loaders type, and you can select type of loader you want to use. (we can choose multiple loaders that can used in a same screen).



  • Simply, drag and drop the loader block to the screen or block.
  • If you want Change the input Variable Colour, Opacity, Size, Position and Animation Frequency as per the requirement.    

Example:

    Colour- "red"
    Opacity,-"0.5"
    Position-"50%"- its calculated from top
    Size- "10px"
    Animation Frequency -"1.5s"

input is optional.


  • Now you can publish and check the different loaders in a same screen based on requirements.



1.0.1
  • This Animated CSS Loader Forge Component for OutSystems is a versatile and easy-to-use solution for integrating animated loading spinners into your OutSystems applications. This documentation provides information on how to install, use, and customize the loader to suit your application's needs.


  • Install the forge component Animated loaders,

  • There are multiple loaders, and you can select what you want. 


  • For your reference, make sure the given demo Link( 400+ Animated Loaders ) will be useful for you to choose the loader you want to use. 


  • You can just view the loaders in the given demo link, and you can select your suitable loaders in your manage dependency with the same name given in the demo link.
     

  • How to use


  • Simply, drag and drop the loader block to the screen or block.
  • Now you can publish and Check.

1.0.0
  • This Animated CSS Loader Forge Component for OutSystems is a versatile and easy-to-use solution for integrating animated loading spinners into your OutSystems applications. This documentation provides information on how to install, use, and customize the loader to suit your application's needs.


  • Install the forge component animated CSS loaders, then add "AnimatedCssHolder" block dependencies for your applications. 

  • There are multiple loaders, and you can select what you want. 


  • For your reference, make sure the given demo Link( 400+ Animated Loaders ) will be useful for you to choose the loader you want to use. 


  • You can just view the loaders in the given demo link, and you can select your suitable loaders in your manage dependency with the same name given in the demo link. 
    How to use


  • Drag and drop the "AnimatedCSSHolder" block to the screen that you have already taken.


  • The Selected loader block should be placed in the given placeholder like the below Image.
  • Now you can publish and Check.