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

  • Profile Image
    Benflips
    Asked 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...

  • Profile Image
    Kiran
    Answered 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
    Kiran
    Answered 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
    Benflips
    Answered 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
    Welvin
    Answered 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
    Benflips
    Answered on July 19, 2016 at 12:45 AM
    Done, thanks
    ...