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 can I prevent text field wrapping when hover text is defined on shrunken fields?

    Asked by sjpd 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?

    Thanks,

     

    -Dave 

    Page URL:
    http://www.jotformpro.com/form/51475479940971

    Screenshot
    text field wrapping how JotForm label layout
  • Profile Image
    JotForm Support

    Answered by Charlie on May 28, 2015 at 02:31 PM

    Hi,

    Apologies for the inconvenience. I've cloned your form for testing purposes. Could you try my cloned form here: http://form.jotformpro.com/form/51475071461957?. 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: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL.

    Do let us know if that works.

    Thank you.