Form Fields: How to Capitalize Text and Restore Previous Version After CSS Changes

I am trying to capitalize a few of my fields in my form to be ALL CAPS because I copy and paste these fields into an Excel spreadsheet from the PDF I save. I've tried changing it is CSS, here is my coding:

#first_79, #last_79, #first_80, #last_80, #input_81_addr_line1, #input_81_addr_line2, #input_81_city, #input_81_state, #input_81_postal, #input_82, #input_84 {text-transform: uppercase !important;}

But it actually shrunk the sizing of the fields I indicated above in the actual form. I deleted this in the CSS but the size of the fields did not change.

It also moved my form to the right when I open it, although it appears in the center when I work on it.

I should have saved a copy to work on so that I wouldn't lose the original form but I didn't. Can I restore from an earlier version?

Uggg, I made a mess! HELP!!

Hi Gigi,

Thanks for reaching out to Jotform Support. You can use the Revision History feature that lets you revert your form back to an older version you select. Let me show you how to use it:

1. In Form Builder, click on the Circular Arrow icon at the top middle of the page to open the Revision History menu.
2. In the menu on the right side of the page, select the version you want to restore the form to. 
3. Now, just click on Revert next to the version you select, and then close the Revision History menu in the top right corner.

Also, the CSS code you shared is functional, but note that it will only change how it appears on your form. If the input is still actually in lowercase, it will still appear in lowercase in your submission tables. Let me show you how to inject CSS codes:

1. First, copy this code:

/*align form and set input to uppercase*/

html.supernova .form-all {

margin: auto;

}

#first_79, #last_79, #first_80, #last_80, #input_81_addr_line1, #input_81_addr_line2, #input_81_city, #input_81_state, #input_81_postal, #input_82, #input_84 {

  text-transform: uppercase !important;

}

2. In Form Builder, click on the Paint Roller icon on the upper-right side of the page.

3. Then, in the Form Designer menu on the right, go to the Styles tab.

4. Finally, paste the CSS code into the Inject Custom CSS code field.

On the same menu, you can also increase the width of your form:

Let us know if you have any other questions.

Thank you Raymond! I reverted back.

Is there any way for the output to be all caps for those fields?

Hi Gigi,

It's not possible to force upper case on the saved data yet. While the feature you're looking for isn't available at Jotform right now, we've gone ahead and escalated your request to our developers. Exactly when or if it's developed depends on their workload, how viable it is, and how many other users also request it. If there are any updates, we’ll circle back to this thread and let you know.

Thanks for your patience and understanding, we appreciate it.

Hi Gigi,

To keep the conversation organized, I moved your other question to its own thread, and someone from our Support Team will help you with it here.

Let us know if you have any other questions.