How can I prevent text field wrapping when hover text is defined on shrunken fields?

  • Profile Image
    Asked on May 28, 2015 at 12:50 PM

    I'd like to be able to have several text fields on the same row.  I'm find this to be a challenge in Jotform compared to Adobe Formscentral.

    I've discovered that if Hover Text is defined for a text field, in my example, the Driver's License number field, then that shrunken field will wrap from it's left aligned label to occupy two rows.

    If I remove the hover text for this field, this wrapping behavior is fixed.

    I've cloned the form I am working on so you can see what I mean.  Notice the Driver's License field wraps from it's label.

    I've tried modifying the CSS .form-description right offset from -260 to -160, but this didn't work, and it would apply to all hover text rather than just to this form element.

    Is there a simple way to layout multiple text fields on the same row, and enable hover text, and still maintain the horizontal layout on a single row?




  • Profile Image
    Answered on May 28, 2015 at 02:31 PM


    Apologies for the inconvenience. I've cloned your form for testing purposes. Could you try my cloned form here: See if that works for you better, if it does, you can clone it and use that instead. Or you can explore the custom CSS code inside it.

    You can clone my form by following this guide:

    Do let us know if that works.

    Thank you.