The Piotent Forms Styler element gives you the full controls for styling. It covers up the maximum field types of Piotnet Forms plugin and you can add/edit the default’s color, spacing, fonts, width, size, etc.
Activate The Element
At first, you will activate the Piotnet Forms Styler element after activating your license key. You will go to your Dashboard -> Zion Builder -> ZiUltimate page. Under the General Elements tab, you will get the elements list. Select the Piotnet Forms Styler element’s checkbox and click on the Save Changes button. Element is activated now and ready to use.
How To Use
Make sure that you already created a form with the Piotnet Forms plugin. Open the builder editor and add the Piotnet Forms 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 and see the live preview on builder editor.
Dynamically Show The Form On Page
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 Piotnet Form’s ID.
Placeholder Text Style
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 contact us if you are getting any issues or need any improvements.