How to Make Initial Caps Uppercase?

  • wiltonhsbandtrip
    Asked on October 15, 2015 at 10:04 AM
  • mert JotForm UI Developer
    Replied on October 15, 2015 at 10:36 AM

    Hi,

    To help you better, please give us more information about your problem. 

    However, if you want to make initial caps uppercase in your form, you need to inject custom CSS code to your form. Below, you will be found the CSS code to do it for all of the text areas and boxes in your form:

     

    .form-textbox, .form-textarea{

    text-transform:capitalize;

    } 

     

    You can find the demo from the link below:

    https://form.jotform.com/52874542656970

     

    In addition, if you want to apply this rule for specific fields,

    1) You need to find the ID of that field first. Below, you will see the example for "Full Name" field. It has two text boxes, that's why we found two IDs. ("#first_5", "#last_5")  

    How to Make Initial Caps Uppercase? Image 1 Screenshot 20

     

    Now, we can apply the rule just for them. Blue marked area shows the IDs related to "Full Name" field, so the rule only work on that field.

    #first_5, #last_5{

    text-transform:capitalize;

    } 

     

    I hope this information is what you looking for. If it is not, please let us know.

    Have a great day.