0 0 0 0

NEX-Forms Documentation

Documentation & Tutorials for NEX-Forms version 8.0 and above

Docs » Form Fields & Elements » Animations
Form Fields & Elements Animations

This article will walk you through setting up animations for any form field or form element.

In this Article

Where to find a field or element's animation settings
  1. Edit a field by hovering over it and then click on the Edit Icon which will bring up the field settings panel.
    NEX-Forms - Figure Arrow
    NEX-Forms - Form Fields and Elements - Editing a Field
  2. Click on the "ANIMATION" tab from the settings panel.
    NEX-Forms - Figure Arrow
    NEX-Forms - Field Animation Settings - Figure 1
How to add an animation to a form field or element
  1. Edit a field by hovering over it and then click on the Edit Icon which will bring up the field settings panel.
  2. Click on the "ANIMATION" tab from the settings panel.
  3. Select the type of animation you want to add to the field from the animations list. The selected animation will give you a preview so you will know what the field will be doing in the form.
    NEX-Forms - Figure Arrow
    NEX-Forms - Field Animation Settings - Figure 2
How to set an animation's delay
The animation delay refers to the duration, measured in seconds, before the animation begins executing. There are no delay on an animation by default.
  1. Edit a field by hovering over it and then click on the Edit Icon which will bring up the field settings panel.
  2. Click on the "ANIMATION" tab from the settings panel.
  3. Set the delay in seconds in "Animation Delay" setting. For example if you enter 3 then the animation will take 3 seconds before it starts running. If you enter 0.5 then it will take the animation half a second before it starts running. If nothing is set the animation will have no delay.
    NEX-Forms - Figure Arrow
    NEX-Forms - Field Animation Settings - Figure 3
How to set an animation's duration
The animation duration refers to the duration, measured in seconds, how long the animation will take to complete from start to finish. By default an animation duration is 0.7 seconds
  1. Edit a field by hovering over it and then click on the Edit Icon which will bring up the field settings panel.
  2. Click on the "ANIMATION" tab from the settings panel.
  3. Set the delay in seconds in "Animation Duration" setting. For example if you enter 3 then the animation will take 3 seconds to complete. If you enter 0.5 then it will take the animation half a second to complete. If nothing is set the animation duration will be 0.7 seconds.
    NEX-Forms - Figure Arrow
    NEX-Forms - Field Animation Settings - Figure 4
Was this article helpful?
Yes
No
Still having trouble? How can we help you?
This article was last updated on 19 November 2024
Popular Articles
Stay in Touch
Get the latest NEX-Forms news and info by following us on:
In this article