Expand my Community achievements bar.

Enhance your AEM Assets & Boost Your Development: [AEM Gems | June 19, 2024] Improving the Developer Experience with New APIs and Events

Text Field All Caps?

Avatar

Former Community Member
I'm making an application form and prefer some of the fields to appear in all caps when a user types in information. Is there any way to make text fields font all caps? I looked under the font options but can only change the font, make things bold, italicized, underlined and a different size. Thanks!
5 Replies

Avatar

Level 7
You have to use the FormCalc funciton "Upper(s1[, k1])" or the JavaScript "toUpperCase()" method.

Avatar

Former Community Member
There are two methods to convert a field to UpperCase. Both are used on the Exit event, and JavaScript language should be selected.



this.rawValue = this.rawValue.toUpperCase();



or,



var uc = TextField1.rawValue;

TextField1.rawValue = uc.toUpperCase();



I hope this helps.

Avatar

Level 7
For detailed instructions for using both the FormCalc's "Upper()" and "Lower()" funcitons see:



http://www.adobeforums.com/webx/.3bc6b1b0/1

Avatar

Level 7
If when using the JavaScript solution, you get a console error of "no properties for this.rawValue, you can add an "if" statement to test "this.rawValue" being equal to "undefined".



if (this.rawValue != undefined )

this.rawValue = this.rawValue.toUpperCase();