How to add custom validation for a Gravity Forms field

This is kind of a follow-up post to my previous post where I showed how to restrict a text area field in a Gravity Form to a certain number of words. That post used only JavaScript to limit the number of words which is not the most fool-proof way to do it since a user … Read more

How to limit the number of words in Gravity Forms Text Area field

Sometimes you need to limit or prevent users from entering more than a certain number of words in a textbox. I am only going to show how to do this quickly using Javascript only but if you’re going to use this on your website, you should also have a similar check using PHP on form … Read more

How to create a multi column Gravity Form layout using CSS Grid

The code above is what we used to align the first three fields. If you notice, the field 3 CSS has the grid-column value that goes up to 13 but we specified 12 columns, why’s that? That’s because of how CSS grid implementation works in a browser. Imagine a 12 column table, to create that … Read more

How to restrict City and State on WooCommerce checkout

One of my recent WooCommerce projects was creating a cash-on-delivery system for a local business and they wanted to restrict the delivery address to their city and state. It’s easy to fill in a default value for City using a bit of JavaScript since it’s a text input but it’s important to validate the input … Read more

GravityView Datatables layout columns display

If you’ve been working with Gravity Forms a lot, sooner or later you will come across a need to display the submitted Gravity Forms entries on front-end. With the extensive API documentation available for Gravity Forms, you can certainly pull the entries out and display it but why reinvent the wheel when you have an … Read more

How to create a calculator using Gravity Form

I have seen this question plenty of times so thought I will demonstrate how to create a simple calculator using Gravity Form. The idea is to disable/remove the default submit button and just display the result using JavaScript (jQuery).  Let’s create a simple Gravity Form first with two fields (both numbers). Let’s call them Input … Read more

How to load a custom JavaScript file on Gravity Forms admin screen?

Recently, I was working on creating several cascading dropdowns on a Gravity Form. Everything was working great on the front-end as I was loading my custom js file in my custom plugin using the following actions. add_action( ‘gform_enqueue_scripts_’.FORM_ID, ‘your_function_name’, 10, 2 ); add_action( ‘admin_enqueue_scripts’, ‘load_custom_wp_admin_style’ );   The second action is to load this script … Read more