Make text inside the textbox uppercase

  • stpks
    Asked on August 30, 2015 at 3:28 AM

    We use a form for personalized embroidery orders.

    Is it possible to force capital letters in a text box?

  • Jan
    Replied on August 30, 2015 at 11:33 AM

    If you are planning to make the text uppercase in the all text boxes in your form then you can use this custom CSS code.

    .form-textbox, .form-textarea {
        text-transform: uppercase !important;
    }

    But if you're planning to apply it on 1 textbox only, then here's a guide.

    1. Select the field and then click the gear or options icon. Choose "Show Properties".

    Make text inside the textbox uppercase Image 1 Screenshot 30

    2. Get or copy the field ID (#input_1).

    Make text inside the textbox uppercase Image 2 Screenshot 41

    3. Inject this custom CSS code targeting the field ID.

    #input_1 {
    text-transform: uppercase !important;
    }

     

    Here's a guide on how to insert custom CSS on your form.

    Hope that helps. Thank you.