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

Activate The Element

By default this element is disabled. At first, you will activate the Piotnet Forms Styler element after going to your Dashboard -> Bricks -> BricksUltimate -> General page. Under the general elements tab, you will get the elements list. Select the Piotnet Forms Styler element and save the settings. The element is activated now and ready for use.

How To Use

Make sure that you already installed, activated the Piotnet Forms plugin, and created a form with it. Open the builder editor and add the Piotnet Forms Styler element. You will select the form from the dropdown list. 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 form design.

Dynamically Fetch the Form

Sometimes we shall fetch the form dynamically based on a custom field value and show it on the site. 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 Piotnet Form’s ID.