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

Activate The Element

By default this element is disabled. At first, you will activate the Gravity 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 Gravity Forms Styler element and save the settings.

How To Use

Make sure that you already installed, activated the Gravity Forms plugin, and created a form with it. Open the builder editor and add the Gravity Forms 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 Gravity Form’s ID.