Styles & Layouts for Gravity forms v4.0 is the biggest change in the plugin in terms of functionality, ease of use and core code changes. When you will upgrade to v4.0 then you will notice some major aesthetic changes in the plugin.

In this article I will mentioned the changes you that will be visible to you.

Form Selection: Prior to v4.0 you needed to embed the form in a page and then open the customizer. After this you had to select the form you want to design and this used to automatically refresh the page after which the form designing options were loaded. This is something I wanted to change and did it v4.0 . Now all you have to do is to click on the ‘Styles & Layouts‘ from the form edit screen and all the design options are visible . Although this change was implemented in v3.0 but it was still in beta.

Easy way to open styling options.

Easy way to open styling options.

Controls: Form design controls have also got some big changes.

  • Now you will have buttons to make text bold, italic, uppercase, underline, left aligned, center aligned and right aligned.
  • Padding and Margins have now 4 separate fields for top, bottom, left and right.
  • Border size, type and radius fields are aligned in a single block instead of each having a separate one.
New designing features.

New designing features.

  • We have now responsive controls using which you can easily switch between desktop, tablet and mobile view.
Responsive design settings.

Responsive design settings.

Quick Edit Shortcuts: Prior to v4.0 you have to go to different customizer sections for designing the different parts of the form. This was a little confusing since there were a lot of sections. To fix this issue the new update brings Quick edit shortcuts in the Gravity Form. The shortcuts to customizer section will automatically appear on screen when you hover over any field. Once you click the shortcut it will open the respective section.

Quick Edit Shortcuts

Quick Edit Shortcuts

Minor CSS Fixes : There were some minor css issues in live preview and fronted view of forms which were fixed under the hood.

The development and testing process for this update has taken more than month. I am open to all the suggestions you have for further improvement. If you notice any bug then please share in it and I will try to fix that ASAP.