GravityWP

The best information about Gravity Forms, GravityView, Gravity Flow and other addons

Jurriaan Koops

Capitalize fields in Gravity Forms

· ·

How to capitalize the content of a Gravity Forms input field? There are two possible angles. If you just want to display the content of a field in Uppercase, use the CSS.
If you want to convert the user input to Uppercase while submitting the form, use the PHP solution.

Download Gravity Forms
  1. Capitalize a form field with CSS for visual purpose
  2. Capitalize a form field with PHP before entry
DEMO

Capitalize Demo

Capitalize a form field with CSS for visual purpose

First you need the form ID and the field ID. Then add the following code to your CSS. Of course you need to change the Form and Field ID number. The correct CSS selector is '#input_FormID_FieldID'.
#input_6_1 {      /*based on FormID and FieldID*/
    text-transform: uppercase;
}

Capitalize a form field with PHP before entry

First you need the form ID and the field ID. Then add the following code to your functions.php. Of course you need to change the Form and Field ID number.
//Change _6 to the form ID number everywhere
add_action('gform_pre_submission_6', 'capitalize_fields_6');
function capitalize_fields_6($form){
        // add all the field IDs you want to capitalize, to this array
        $fields_to_cap = array('input_6_1');
        foreach ($fields_to_cap as $each) {
                // for each field, convert the submitted value to uppercase and assign back to the POST variable
                // the rgpost function strips slashes
                $_POST[$each] = strtoupper(rgpost($each));
        }
        // return the form, even though we did not modify it
        return $form;
}

Hire the best developers for Gravity Forms

If you’re looking for good and experienced Gravity Forms developers to help you with your questions about Gravity Forms (like Capitalize fields in Gravity Forms) and other add-ons, we advice you to hire experts on Codeable. Codeable is by far the most professional, dedicated and fun community to find the freelancer you need to help you with your WordPress questions.

Click here to visit Codeable