What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to change all Hint Examples by using CSS?

    Asked by julianl on June 16, 2015 at 02:29 AM

    Hi, how are we today?

    I have made a form with lots of text box fields.

    I left the hint suggestion blank on all of them.

    Was wondering if there was a quick css fix to change

    the empty hint suggestion to "Qty." on all of the blank

    fields on the form without having to go through the

    whole form and do it manually?

    Any suggestions would be awesome,

    thanks :)

    hint hint example
  • Profile Image
    JotForm Support

    Answered by Boris on June 16, 2015 at 06:22 AM

    Hello Julian.

    I'm afraid that the Hint Example text can't really be set with CSS, as this language (CSS) doesn't support such a feature. It doesn't allow for creation of generated content on input fields and images, and we would need it to generate text on the input fields in order to create these placeholders / hint examples.

    We also do not have a way for you to automatically change Hint Examples of all fields to some value, it will unfortunately have to be done manually.

    I have messed around with this, and I have come up with one CSS solution, but it may not be perfect. As there is no way to create placeholders on the input fields, I have created / generated text on the label fields, and then moved this text to the right of the input fields.

    .form-label-right:not(#label_3):not(#label_155):after {
        content: "Qty.";
        position: absolute;
        right: 250px;
        top: 3px;
    }

    The result would look like this:

    Please let us know if you need further assistance.

  • Profile Image

    Answered by julianl on June 17, 2015 at 06:12 PM

    Hi Boris,

    Thanks for the response. I will fill them in manually, next time I will be more vigilant when setting up my form! Cheers

  • Profile Image
    JotForm Support

    Answered by jonathan on June 17, 2015 at 07:17 PM

    On behalf of my colleague you are quite welcome. =)

    Please don't hesitate to contact us again anytime should you need further assistance.

     

    Cheers