Requirement: I have an Item with the Label as Name. Now, whenever we enter a value in lower case in the Name field it should automatically convert the value in Upper Case as soon as we release the key of our keyboard.
Solution: For solution of the above requirement follow the steps as shown below:
Step 1: Create an item with the below properties
- Name: P2_NAME
- Type: Text Field
- Label: Name
Step 2: Set the value of the Custom Attributes as below
style="text-transform: uppercase;" onKeyUp="this.value=this.value.toUpperCase();"
Save and run the application. Thus, the ran application is displayed below:
Enter a value “SusantoTech” in the Name field. Please note, this value can either be of mixed case or it can be entirely in lower case.
And, while we enter the value in the Name field we can see as soon as we release the key of our keyboard, the entered letter get converted to Upper Case automatically, and the result will be as displayed in Upper Case as shown below:
Hence, the solution to our requirement.
If you like the post please comment, share, and do join me on Facebook. Please subscribe to my YouTube Channel for video tutorials.
Thanks & Regards,
Susanto Paul
339 total views, 1 views today