Spring flowers and a hand drawing on a screenshot of the new GravityView UI

GravityView 2.10 Refreshes the View Layout Experience

Written by Zack Katz

Last updated:

Categories GravityView, Product Updates

Check out this quick video summarizing all the new changes in GravityView 2.10!

๐ŸŒผ Spring is in the air, and so is a major refresh to the GravityView editor!

We’ve been busy at GravityView! We’re thrilled to release a major update to our View editor. Here’s a rundown of the big changes to the View editor. For a complete list of changes, check out the changelog.

Better in so Many Ways

Beautiful & Functional Field Picker

The new “Add Field” picker is lovely to use. The field search can now search field IDs, fields have icons to more easily distinguish them, and the picker now has two layouts: a grid layout reveals details about each field, while the compact list layout is fast to navigate.

the new field picker showing the new grid layout

Organized field settings

GravityView has a lot of settings that allow you to customize how your Gravity Forms entry data is displayed on the front-end. In prior versions of GravityView, those settings were all bundled together. Now, they’re clearly grouped to make field configuration simpler.

The Field Settings window, showing how settings are now grouped into appropriate categories

Now with Field Details!

When building complex Views that show entries from multiple forms, itโ€™s important to know what form a field is from.

In 2.10, there is now a “Field Details” toggle in field settings that displays the field ID, type, and connected form.

The Field Details displaying the Field ID, field Type and the Form that it comes from

Custom Content fields now have a built-in code editor

We’ve integrated the advanced CodeMirror code editor into GravityView Custom Content fields and widgets. Even better? We added full integration with Gravity Forms Merge Tags ?

Custom Content field with HTML shown and Gravity Forms Merge Tag autocomplete search form expanded.

See what fields do at a glance with indicator icons

Icons now show what fields are restricted what fields link to Single Entry and Edit Entry pages.

For example, when you restrict the visibility of a field, that icon will appear in the layout. These icons add confidence when building a View.

An arrow pointing to the "Make visible only to logged-in users?" checkbox  and another arrow showing the new lock indicator icons

When fields link to a context (Single Entry/Edit Entry), it will appear as blue and also show the icon of the associated layout.

Link to Single Entry Layout
Link to Edit Entry
Single Entry Layout tab
Edit Entry Layout tab

If there are no fields linking to a context, there’s now a dismissable message that helps guide you through the process.

The Single Entry Layout tab with "Note: No fields link to the Single Entry layout." warning showing.

Easily Clear All Fields at Once

For years, we’ve had a shortcut that removing a field while holding down the Option/Alt key would allow you to remove all the fields in a layout. But who knew? We added a button to make it easier to reset your layout if you decide to start over.

The cursor hovering over the "clear all fields" button

And Letโ€™s Make it Pretty!

We removed unnecessary containers and borders. We clarified the language. We added space. We layed the groundwork for future evolution ?

GravityView 2.9 view layout screenshot
Before
GravityView 2.10 layout screenshot
After

A Big Update, Made with Love โค๏ธ

This has been an enormous update that touched 226 files and over 25,000 lines of code. We sweated over the details, and we’re confident you’ll love this update.

GitHub screenshot: 226 files changed. 17,655 lines of code added, 8,028 lines deleted.

Let us know what you think on Twitter or Facebook!