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: theme template editing in Block MCP, Shield silentCAPTCHA for Zero Spam, and GravityView fixes
Block MCP adds safe theme template editing, Gravity Forms Zero Spam gains Shield silentCAPTCHA support, and GravityView fixes lightbox and notice bugs.
GravityKit turns 12: a year in review, and 30% off Lifetime All Access
GravityKit turns 12. A look back at a year of GravityView 3.0, GravitySearch, and AI-assisted building, plus a birthday sale on the Lifetime All Access Pass.
Launch Log: Row headers for screen readers, smarter conditional logic, and multi-View fixes
GravityView 3.1 adds row headers for screen readers, plus smarter conditional logic in GravityCalendar and fixes for DataTables, Maps, and Dynamic Lookup.


