If you have a WooCommerce store on your WordPress website, chances are you or your developer used a child theme to modify any of the extensive WooCommerce templates to change how the checkout pages or order page, or my account page looks. With certain WooCommerce versions, they update these templates too but since you overrode … Read more
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
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
Often times we need to create a form where instead of displaying each field one below another, we need to display fields side by side or in a multi-column layout. Gravity Forms by default has a single column layout but it does have excellent documentation on how to create a multi-column layout. If you only … Read more
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
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
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
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