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

    Hint text hidden when 'required' condition highlights around a field

    Asked by Benflips on July 15, 2016 at 07:25 PM

    Hi. Can you provide a fix for this? Screenshot attached.

     

    When a field does the 'error' highlight (or whatever it is called) when it is required but has not been filled in, it cuts off and no longer properly displays the hint text...

    Page URL:
    https://form.jotform.co/43420990799871

    hidden hint text hidden
  • Profile Image
    JotForm Support

    Answered by Kiran on July 15, 2016 at 11:17 PM

    I'm checking on this issue and get back to you once I have some information in this regard.

    Thank you for your patience.

  • Profile Image
    JotForm Support

    Answered by Kiran on July 18, 2016 at 10:42 AM

    I am sorry for the delay in responding back. Please try injecting the following code to the form to display the hint message over the error fields.

    .form-line-error {

    overflow: visible;

    }

    Hope this information helps!

  • Profile Image

    Answered by Benflips on July 18, 2016 at 08:57 PM

    Thanks,I've applied the code.

    There is one final problem I've notices with the hint text - this is not when a field is in an error state, and it may relate to the spacing I've set up between the hint text and the field it is pointing to...but...

    If I have a series of fields in the first row under a collapse widget, and the hint text bubble extends higher than the width of that collapse widget (see screenshot), the top of the bubble is cut off.

    Is there a way to have the bubble overly several (one and a bit) collapse widgets, or is this a limitation of the form structure when using this widget?

  • Profile Image
    JotForm Support

    Answered by Welvin on July 18, 2016 at 11:41 PM

    Z-index is not working so for the meantime, use the following custom CSS codes:

    div#collapse_176 {

        margin-bottom: 15px;

    }

    Basically, adjusting the bottom margin of the form collapse in your screenshot. Z-indexing means placing content in front or behind an element. 

     

  • Profile Image

    Answered by Benflips on July 19, 2016 at 12:45 AM
    Done, thanks
    ...