-
BenflipsAsked on July 15, 2016 at 7: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 -
Kiran Support Team LeadReplied 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.
-
Kiran Support Team LeadReplied 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!
-
BenflipsReplied on July 18, 2016 at 8: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?
-
Welvin Support Team LeadReplied 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.
-
BenflipsReplied on July 19, 2016 at 12:45 AMDone, thanks
...