=== WP Tools Gravity Forms Divi Module === Contributors: wpt00ls Donate link: https://wptools.app/ Tags: gravityforms, divi, gravityform styles for Divi Requires at least: 4.5 Tested up to: 5.2.4 Stable tag: 5.0.0 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Most feature-rich Divi module for Gravity Forms == Description == > `WP Tools Gravity Forms Divi Module` is the most feature-rich divi module for gravity forms. It also has a premium version. Premium version has 7-day FREE trial. No upfront payments needed. It has dependencies on the following, * [Divi Theme](http://bit.ly/2xcicxw) - Affiliate link * [Gravity Form](https://www.gravityforms.com/) - Affiliate link With the FREE plugin you can, * Add a gravityform on a divi page using the visual builder. * Configure the gravityform shortcode params ### Gravityform Shortcode Parameters https://www.youtube.com/watch?v=jwId9CUgxOc * **Show Title** - Toggle to display the form title. Defaults is `on` * **Show Description** - Toggle to display the form description. Defaults is `on` * **Ajax** - Toggle to use AJAX to submit the form. Defaults is `off` * **Tab Index** - Specify the starting tab index for the fields of this form * **Field Values** - Specify the default field values. * Example: field_values=’check=First Choice,Second Choice’. See also https://docs.gravityforms.com/using-dynamic-population/ for detailed information on dynamic population. ## Premium Plugin Premium plugin is available at [ https://wptools.app/wordpress-plugin/gravity-forms-divi-module/]( https://wptools.app/wordpress-plugin/gravity-forms-divi-module/) > We offer a 7-day FREE trial on the premium plugin. ### Style Form Background, Spacing & Border https://www.youtube.com/watch?v=Hg8fnxb4l5A Set color, gradient, image or video backgrounds. Add border, margin & padding to form wrapper. ### Style Gravity Form Title https://www.youtube.com/watch?v=Tl88W1U2Uzg Style the title typography and spacing using the divi module ### Style Gravity Form Description https://www.youtube.com/watch?v=Iy_JBVdFJSQ To render gravityform description, toggle the **Show Description** to `on` in **Gravityform Shortcode Parameters**. Style the description typography and spacing using the divi module ### Style Gravity Form Section Break Field https://www.youtube.com/watch?v=xJLCScsdg3o Section break field adds a content separator to your gravity form - https://docs.gravityforms.com/section-break/ Style the content's title, description, spacing and border color using the divi module. ### Style Input Fields, Input Wrapper & Input Placeholder https://www.youtube.com/watch?v=9Lsyn7Wdhdc * Input fields are text, textarea, checkbox and radio fields. * `Input Wrapper` wraps an input field. Manage input wrappers margin and padding. * Add background, border and rounded corners for text, textarea and dropdown fields. * Manage typography for input fields in the `Input General` section. * Manage checkbox and radio typography settings in `Checkbox/Radio` section. + Manage margin and padding for text fields. + Manage typography for input placeholder text. ### Style Label, Sub-Label & Input Field Description https://www.youtube.com/watch?v=XFxkwGRRE4c Style gravityform's label, sub-label and description for the inputs. Set typography and spacing for them. ### Style Field Wrapper https://www.youtube.com/watch?v=XGhikyjuNBM A `field wrapper` wraps the input field, label, sub-label and description. Manage the field wrappers padding and margin in divi. ### Style Form & Field Validation Errors https://www.youtube.com/watch?v=CUBm1jCkKj0 * **Form Validation Error** is a general validation error text for the whole form. - Manage typography, border color, margin and padding. * **Field Validation Error** shows the validation per field. - Manage typography, border color, background color, margin & padding. ### Style Forms Submission Confirmation Message https://www.youtube.com/watch?v=Vk_uk Form submission displays a message. Style typography & background of the confirmation message. ### Style Gravityform Button https://www.youtube.com/watch?v=F7fNxHWb5RQ Set button alignment, typography, border, rounded corner and background color with hover styles. ### Style Consent Field & Description https://www.youtube.com/watch?v=tFia_Ud54Ws A gravityform consent field is a checkbox accompanied by description. It's a compulsory field. Style the checkbox's and description's typography, margin & padding ### Style Gravityform Footer https://www.youtube.com/watch?v=kbwzORqnWE8 Footer wraps the form buttons. Manage margin and padding for this element. ### Style Progress Bar https://www.youtube.com/watch?v=66DP_JBjGas A multi-step gravityform has a progressbar at the top. Style the progressbar title's typography, progressbar's background and font color. ### Custom CSS Setting https://www.youtube.com/watch?v=ly4WiUtYcD8 A fine-grained control over writing custom css for large number of form elements == Installation == How to install the `WP Tools Gravity Forms Divi Module` plugin and get it working. 1. Upload `plugin-name.php` to the `/wp-content/plugins/` directory 2. Activate the plugin through the 'Plugins' menu in WordPress == Frequently Asked Questions == = What are the dependencies for this plugin? = Plugin depends on * [Divi Theme](http://bit.ly/2xcicxw) * [Gravity Form](https://www.gravityforms.com/) == Screenshots == 1. Selecting gravityform and setting shortcode params in the divi module. 2. Premium module features. == Changelog == = 5.0.0 = * Free version for wordpress.org