On several occasions I have been commissioned to create an online payment form which also collects additional compensation to cover various administrative fees, such as Credit Card transaction fees. In this article I will cover how to calculate credit card transaction fees using the Gravity Forms WordPress plugin. This will allow you to collect the full original invoiced amount, making book keeping easier on you and your accountant.
[ See the officially released version of this plugin on WordPress.org ]
Gravity Forms comes with a few built-in CSS classes, called CSS Ready Classes, for you to choose from when building your forms. However, unless you have memorized them you will have to look them up.
We’ve updated Brad’s (6+ year old) Gravity Forms CSS Ready Class Selector WordPress plugin which works as a handy CSS Ready Class reference tool. When editing your forms, selecting the old ellipsis image from the Custom CSS Class label within the Appearance tab, this plugin would generate a convenient popup containing all the latest available CSS Ready Classes. But as we mentioned, its over 6 years old and needed to be updated. It was missing a few CSS Ready Classes and had an invalid link to the Gravity Forms CSS Ready documentation. Plus, wouldn’t it be handy to know which fields the intended class would work with? Then we discovered Mike’s forked version and enhancements which further streamlined the code and removed the unnecessary accordions. We didn’t know that we didn’t want the accordions until they were gone.
Our revision of this convenient plugin further refined and streamlined the popup display.
This new plugin, as before, from within your forms’ fields, select the Appearance tab and click the new “CSS” link next to the Custom CSS Class field. This will open the handy reference popup. We replaced the old ellipsis image button with a simple link.
Browse through the various CSS Ready Classes and select the ones you want to have added to your field. Double click on your last selection to automatically close the popup or just hit esc. When you hover your cursor over any class, a description (via link title) will appear of the classes function and intended use. View this project on GitHub.
Need to prevent a visitor or user from changing a specific form field on one of your Gravity Forms? Using the provided code snippet within this article, you can convert any input field into a “read-only” field. This type of field is different from a hidden field as it will display the contained data but prevent the visitor from altering it.
Sometimes making a field read-only can be useful, allowing you to then utilize that field for dynamic display of various messages. If you want to change a field to be read-only, you currently need to use JavaScript to do so. The following code snippets will help you accomplish this.
The premium WordPress plugin, Gravity Forms has a built in security feature which “self heals” the Gravity Forms uploads folder by renaming files containing certain file name extensions. This “self healing” function is routinely called from a Gravity Forms created cron-job and scans for files that may be malicious but it doesn’t actually analyze the file to verify if it is malicious or not. Rather, it simply renames the discovered file based off the file extension with no notice to you that it has been renamed or has altered any files in the uploads directory.
Below we’ve listed the file name extensions that are monitored for their existence and will be automatically renamed if discovered.
If you want to allow visitor to registrations on your WordPress website or project, Gravity Forms has a handy Add-On called User Registration. This makes registering new users, creating login forms, and even setting custom user meta relatively simple.
Assuming you’ve configured such a solution for your website or project, you may want to enable the user activation option. This will help cut down on the number of junk registrations.
When a visitor registers, an activation email is dispatched with a link to their specific account activation. Upon clicking this link, they are directed to the default Gravity Forms activate page which completes the user activation process. This page isn’t particularly interesting and you may want to spice it up to provide your new registered user with more helpful information.
This article will show you the steps needed in order to implement a custom activation page when using Gravity Forms User Registration.
When you first start off with Gravity Forms, their various tooltips come in handy to inform you what certain fields and features can and cannot do.
Tooltips are those little popup messages which appear when you hover your cursor over those little question mark icons (or any programmed element for that matter).
Within the Gravity Forms WordPress administrative backend these icons appear at the end of may form fields and labels. Again, these are handy for the uninitiated, but tend to appear in front of and block fields that you may be attempting to edit. Thus they quickly become an annoyance and time wasting feature. That is why we looked into disabling them. All of them.
Special thanks to Joshua Vandercar for his assistance.
The Gravity Forms premium WordPress plugin provides a “Select All” label option for its checkbox fields. But what if you wanted a custom label, custom text, for the “Select All” option?
In this article we will show you how to modify the default “Select All” label option to create your own custom label text.
For convenience, most web browsers save what information you previously submitted on website forms so that the next time you are filling in a form you only need to select the entry from a drop down list of choices.
With date fields on Gravity Forms it generally displays the calendar below the input field. The problem occurs when that field was previously submitted by a visitor and the visitor returns to resubmit that form. The autocomplete drop down list will cover the drop down calendar making it difficult to select a date.
We may have a solution. Try using the snippet within this article to turn off the autocomplete feature on:
Keep in mind that this snippet may not work on all browsers and they constantly revise how they handle such fields.
