Placeholder Animation Plugin
The Placeholder Animation Plugin animates input placeholders by moving the placeholder text to the top of the input field when the input is focused.
Aliza Fatima
Last Update 1 個月前
How to UseFollow these steps to set up the plugin:
1. Add an ID to Your InputsMake sure all input elements you want to animate on the page have the same ID attribute.
For example:
input-field
All inputs that should use the animation must have this same ID.
2. Add the Placeholder Animation ElementAdd a Placeholder Animation element to the page.
In the plugin element's settings, enter the ID attribute you assigned to your input elements.
The plugin will then apply the floating placeholder animation to the matching inputs.
Important Notes
Chakor Support Forum:
https://forum.thechakor.com/
1. Add an ID to Your InputsMake sure all input elements you want to animate on the page have the same ID attribute.
For example:
input-field
All inputs that should use the animation must have this same ID.
2. Add the Placeholder Animation ElementAdd a Placeholder Animation element to the page.
In the plugin element's settings, enter the ID attribute you assigned to your input elements.
The plugin will then apply the floating placeholder animation to the matching inputs.
Important Notes
- This plugin is designed to work with input elements placed inside a column-layout parent container.
- If you want to place inputs in a row layout, you will need to use a separate instance of the plugin element for each input.
- Make sure the ID entered in the plugin settings exactly matches the ID assigned to the input elements.
Chakor Support Forum:
https://forum.thechakor.com/