Now you can “labelize” (put an automatic label) to your native input fields and native multi-line input fields without change design or structure of your project. It can be animated as in Material Design.
Where to find it
The plugin is a workflow action so you have to add it into an event, for example inside the “Page is loaded” workflow event. Labelizer action is in Plugins → Labelizer. Be sure that when the event where the action is, is called, the input fields are visible.
Set input ID
Labelizer uses the ID of the input field to display and name the label.
First we need to enable the option in Settings → General → “Expose the option to add an ID attribute to HTML elements”. Then we can add a special ID to the input where we want to display the label. The ID consists of a first part “labelizer_” and a second part which is the text of the label, where spaces should be underscores. For example: labelizer_This_is_a_label.
Look at this!
Thanks to @bubblernz who saved the placeholder with his suggestion.
Are you already satisfied? So go to the plugin page
Take a look at the cozynocode sandbox site to know how it works.
Take a tour at cozynocode.com to see all my plugins or propose yours.
Reply to this forum topic to ask for support or for a new feature.