Share Your Thoughts

Fluent Form Styler

The Fluent Form Styler element gives you the full controls for styling. It covers up the maximum field types of Fluent Form and you can add/edit the default’s color, spacing, fonts, width, size, etc.

Activate The Element

At first, you will activate the Fluent Form Styler element after activating your license key. You will go to your Dashboard -> Zion Builder -> ZiUltimate page. Under the Elements tab, you will get the elements list. Checkmark the Fluent Form Styler element and save the settings.

Activate Fluent Form Styler Element
Activate Fluent Form Styler Element

How To Use

Make sure that you already created a form with the Fluent Form plugin. Open the builder editor and add the Fluent Form Styler element of ZiUltimate add-on. You will select the form from the dropdown list and the selected form will show on the builder editor. Now you can change the color, fonts, spacing, size, etc from the settings panel.

Fluent Form Settings & Builder Preview
Fluent Form Settings & Builder Preview

Custom Field Source Type

Sometimes we shall fetch the form dynamically based on a custom field value. Assume that you created a template for a single details page and show the different form(s) based on the custom field value. The source type “Custom Field” will solve this kind of requirement. You can use the ACF, PODs, MetaBox, or any other plugin and make the custom field. Make sure that your custom field is returning the Fluent Form’s ID.

Hide Labels

Under the Styling tab, you will get the Form Labels style section. Click on this style section and go to the Display style section. Set the display “none” and labels will not show on the form.

Placeholder Text Style

Placeholder state
Placeholder state

Click on the Input Fields styling section and select the state “:custom” from the state dropdown. Enter the “:placeholder” into the text input box and hit the enter key. Placeholder state will create and select. Now you can do the style like color, font, size, etc.

Feel free to contact if you are getting any issues or need any improvements.