WooCommerce template out of date warning – How to solve

I am going to use a file comparison app called “Kaleidoscope” on my mac but you can use any text comparison programs. What this program does is highlights the differences between two files and allows you to copy lines from one file to the other. As you can see in the image above our form-pay.php … Read more

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