Community › Forge › Assets list › Animated Forms
animated-forms
Reactive icon

Animated Forms

Stable version 1.0.2 (Compatible with OutSystems 11)
Uploaded
 on 04 December 2024
 by 
5.0
 (1 rating)
animated-forms

Animated Forms

Documentation
1.0.2

Forge Animated Input Block Documentation

Overview

The Forge Animated Input Block is a dynamic tool designed to enhance form functionality and user engagement. It allows developers to integrate input animations seamlessly into forms, improving the overall user experience.

Setup and Integration

Step 1: Add the Block

Drag and drop the Animated Input Block into your form. Nest standard input fields inside the block for immediate functionality.

Step 2: Configure Parameters

  1. IsValid:

    • Purpose: Controls whether the animation is triggered.
    • Usage: Set IsValid to false for invalid inputs to prompt an animation.

  2. RepeatAnimations:

    • Purpose: Ensures invalid inputs reanimate for clarity.
    • Usage: Enable this during the save action for continuous animation feedback.

Features

  • Rebranding Updates: Enjoy a refreshed UI with a new icon and cohesive animations.
  • Expand Animation: Enhanced expand animations provide smoother transitions.
  • Extended Class: Customize behavior with the extended class, enabling advanced use cases.

1.0.0

How to use:

  • Drag a ShakeAlert Block to your flow
  • Pick any input and place it on the placeholder
  • You can use the default Outsystems widget.valid boolean or user your own


There's also a optional reshake option. Used to reshake the input if the user fails the validation more than once. To achieve this assign any dummy boolean to the reshake input parameter. Then on your validations simply invert the boolean value.