Published
•
Updated
Announcing DIY Layout
I was building a “Testimonials” View and I was getting frustrated by the limitations of the List layout. I didn’t want everything in a Custom Content field, so I created the DIY layout. DIY is for people who can code solutions, but don’t want to! Zack Katz (me), GravityView creator DIY Layout is like taking…

I was building a “Testimonials” View and I was getting frustrated by the limitations of the List layout. I didn’t want everything in a Custom Content field, so I created the DIY layout. DIY is for people who can code solutions, but don’t want to! Zack Katz (me), GravityView creator
DIY Layout is like taking a Custom Content field…then adding a scoop of astronaut ice cream 🍦
In GravityView, the Custom Content field has so much power—but that power is hidden inside a single textarea. DIY Layout now adds the power of Custom Content fields to each field.
Choose the HTML tag that will wrap each field (or don’t use any!)
The default GravityView List layout provides a great starter template that works for most people, but what if you want to use different HTML structure? DIY Layouts makes it easy. Before DIY, you would need to override the GravityView template files or add custom PHP code. That was no fun. Now, it’s a matter of a mouse click to change the container HTML tag.
New field settings allow you to add custom HTML before or after field values
The new “Before Output” and “After Output” textareas allow you to add content before and after the field value. Without DIY, you would need to either use filters to modify the field output, or use a Custom Content field. These field settings support shortcodes, including [gvlogic], as well as Merge Tags. It's everything you love about Custom Content fields, and more.
Why only designers and developers?
DIY layout doesn't include any styles, so the View might not look how you want it out of the box and will likely need some tweaks. We recommend DIY to users with CSS experience.
Watch DIY Layout in action
More articles
Launch Log: A range slider for search, AI-managed calendars, and security updates in ten products
GravityView adds a Slider search input, GravityCalendar lets AI assistants manage calendars, and ten GravityKit products get security fixes. Here’s what shipped.
9 nonprofit apps you can build with Gravity Forms and GravityKit
Nine apps nonprofits build on WordPress from Gravity Forms data: volunteer databases, member directories, client portals, donation pages, grant review and more.
How to migrate from Fluent Forms to Gravity Forms without rebuilding your forms
Move your Fluent Forms forms into Gravity Forms with GravityMigrate, then bring your entries across with GravityImport. Every step was tested on the free version of Fluent Forms.

