Getting better control of Gravity Forms

Gravity Forms is without doubt one of the best form plugins out there. I chose this to be my go-to form creator for a few reasons. The pricing is very clear, unlimited installs, you get access to loads of Add Ons and everything is well documented.

It’s is incredibly powerful with it’s drag and drop interface, Add-Ons and API. Even though it doesn’t have all of it’s customizations enabled through the UI – we can use filters, actions and a few more clever tricks. Luckily, we have everything well documented.

I’ve hand picked a few hooks that I use on most of my projects. Here we go!

Add a custom submit button.

This adds the Bootstrap button class. But you can change it to whatever you like.

One caveat is that, for example, the conditional hide/show submit button stops working. I’ve never used this, so it’s not a big deal for me.

Create form layout grids using CSS classes.

There is no interface for creating grids within Gravity Forms. But that doesn’t mean it’s possible! Gravity Forms actually ships with CSS classes to create grids.

To create a two column form, add the class gf_left_half to the first field and gf_right_half to the second. These should be placed in the Custom CSS Class field under Appearance. Looking good, right?! 😁

I will let this following screenshot explain the rest of the available classes.