Getting Started With the DIY Layout

In this article, we’ll show you how to get set up with the DIY Layout.

Note: The DIY Layout is included in the GravityKit's All Access license.

Installing the DIY Layout

You can install the DIY Layout from inside WordPress. Simply hover over Views, click Manage Add-Ons, scroll down to “DIY Layout” and click Install.

The Install button for the DIY Layout on the GravityView Manage Add-Ons page in WordPressYou can now start creating your custom View designs!

Creating a View Using the DIY Layout

Hover over Views and click New View. Next, give your View a name and select a data source. Now, under “Choose a View Type”, select “DIY”. 

Choosing a View Type when creating a new View

You can now begin adding fields to the View editor, just as you would with one of GravityView’s default layout types.

After adding a field to your View, click on the gear icon to open the field settings. Here you’ll see three new options unique to the DIY layout.

  1. Before Output - Add HTML, shortcodes, and Merge Tags that will appear before the field content but inside the Container Tag.
  2. Container Tag - Choose which HTML tag to wrap the field with, or select "None" to remove the wrapper.
  3. After Output - Same as Before Output, but this appears after the field content.

The Field Settings showing extra options for the DIY LayoutTo create your custom field wrapper, simply open the HTML tag in the Before Output box and close it in the After Output box.

We hope you enjoy creating custom designs using the GravityView DIY Layout!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us