Build your own GravityView layouts using HTML and CSS; have full control over how your entries are displayed on the front end.
Move beyond GravityView’s preset templates
GravityView’s List and Table layouts allow you to create amazing designs using nothing but your Gravity Forms entry data. However, those layouts were designed to work well for most needs, not all needs. The DIY layout fills that gap!
Gain the flexibility to create your own designs
You no longer have to rely on the Custom Content field to write your own markup. With the DIY layout, you can change the HTML structure by wrapping fields in different HTML tags. Customize your design using CSS, without adding more code than is necessary.
Create custom layouts without modifying PHP files
With the DIY layout, there’s no need to override GravityView field templates; you can create custom layouts right there in the drag-and-drop editor! Reduce or remove custom PHP programming from your Gravity Forms development project.
No! Anyone with basic knowledge of HTML and CSS can use the DIY Layout to build custom GravityView layouts.
Does the DIY Layout support multiple columns?
With sufficient knowledge of HTML and CSS, you can definitely build multi-column layouts.
Can I use the DIY Layout for the Single Entry page and a different layout for the Multiple Entries page?
Yes! GravityView allows you to select different View types for multiple and single entries.
DIY Layout Changelog
2.5.1 on November 1, 2024
This hotfix restores the ability to set labels for fields in the DIY layout.
🐛 Fixed
Field labels could not be configured in the DIY layout.
2.5 on September 5, 2024
This update resolves minor bugs and removes an unused setting from the UI.
✨ Improved
Removed the unused "Label" property from the field settings modal in the View editor.
🐛 Fixed
After performing a search, the page did not scroll to the View's position because of a missing anchor ID.
PHP 8.2 deprecation notice related to dynamic property creation.
2.4 on January 5, 2023
Added: Support for Custom Content fields on the Edit Entry screen (this requires GravityView 2.16.5 or newer)
Fixed: PHP 8 notices
2.3 on December 10, 2020
Modified Single Entry template (/templates/entries/diy.php) to be consistent Multiple Entries output. Before, the wrapper would output: <div id="gv_diy_95" class="gv-diy-view"> for View #95, Entry #14257. Now, the wrapper outputs: <div id="gv_diy_95" class="gv-diy-view gv-container gv-container-14257">
Added gv-diy-container gv-diy-single-container CSS classes to the wrapper <div>
CSS classes are now passed through the gv_container_class() function
gravityview_header() is now called before $template::entry_before() (needed for Inline Edit)
Fixed: Inline Edit not running in the Single Entry context
2.2 on May 25, 2020
Warning: this update changes the HTML structure of Before and After output!Read more here
Fixed: Incorrect wrapping of output tags
Updated French translation
2.1.2.1 on April 23, 2019
Fixed: Potential fatal error when GravityView is deactivated
2.1.2 on February 6, 2019
Security Fix: Fields with "Make visible only to logged-in users" checked were shown to logged-out users. Please update promptly.