Create Custom Layouts with Gravity Forms Entries

Diy Layout Settings
  • Description
  • FAQ
  • Screenshots
  • DEMO
  • Updates & Support

DIY is a different kind of View layout: the purpose is to allow designers and developers the most flexibility. The goals of the layout are to:

  • No PHP required. Reduce or remove custom PHP programming from your Gravity Forms development project
  • Configure your View outside of the Custom Content field
  • Maintain the visual nature of GravityView field layouts
  • Add tons of flexibility to layouts
  • Make it easy to wrap fields in different HTML tags
  • Customize using CSS as much as you want, without more code than is necessary
  • Provide developers & designers a template with less opinionated markup

DIY allows you to use your own CSS and HTML structure, without needing to modify PHP template files. DIY Layout includes no CSS—use your own to craft your masterpiece!

With GravityView’s default List and Table layouts, you can create amazing designs using just your Gravity Forms entry data. But the List layout is opinionated: we created a layout that would work well for most needs, not all needs. DIY Layout is the layout for the rest of your needs. You will want DIY Layout if you:

  • Want more flexibility than the List layout
  • Find yourself using Custom Content fields a lot
  • Modify field content with filters or actions
  • Have ever overridden GravityView field templates
  • Want to modify the HTML tag that wraps field content

DIY Layout adds three new settings for fields in GravityView: Before Output, Container Tags, and After Output.

  • Before Output: Add HTML, shortcodes, and Merge Tags that will appear before the field content, but inside the Container Tag.
  • Container Tag: Choose which HTML tag wraps the field
  • After Output: Same as Before Output, but this appears after the field content

Shopping Cart
  • Your cart is empty.
Scroll to Top