We are increasing the price on 14th may 2024. 

Premium add-on for Bricks Builder

Fluent Forms Styler

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

Minimum Requirement:

  1. Fluent Form Plugin


Fluent Forms Styler
Fluent Forms Styler

You customize the following field type:

  1. Form container
  2. Labels
  3. Placeholder text
  4. Input fields
  5. Checkboxes
  6. Radio buttons
  7. GDPR
  8. Terms
  9. Submit Button
  10. Select box
  11. Checkbox/Radio Photo
  12. Checkable Grid
  13. File Upload
  14. Rating
  15. Form Step
  16. Payment Summary
  17. Repeater
  18. Net Promoter Score
  19. Section Break
  20. Success Message
  21. Validation Message

Activate The Element

By default this element is disabled. At first, you will activate the Fluent Form Styler element after going to your Dashboard -> Bricks -> BricksUltimate -> General Elements page. Under the general elements tab, you will get the elements list. Checkmark the Fluent Form Styler element and save the settings.

Fluent Forms Styler
Fluent Forms Styler

How To Use

Make sure that you already installed, and activated the Fluent Forms plugin, and created a form with it. Open the builder editor and add the Fluent Form Styler element. 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 and quickly customize the layout.

Dynamically Show the Form

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. Select the source type “Custom Field” and enter the custom field name into the input box. 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.