My form does not display correctly in Safari, but is OK in firefox on MacOS

  • Profile Image
    kmorgenstein
    Asked on July 24, 2011 at 08:47 PM

    http://form.jotform.com/kmorgenstein/11635251338

    http://form.jotform.com/kmorgenstein/11653602361

     

    first time I preview this page in Safari, the entire page looks garbled and all fields are on top of each other.  When I refresh the page in Safari, it looks better but the labels for the text area objects that have been shrunk do not wrap, the text for these labels extends and causes a horizontal scroll bar to appear instead of wrapping to the width of the window

  • Profile Image
    abajan
    Answered on July 24, 2011 at 09:23 PM

    Hi kmorgenstein

    Since top aligned labels are not affected by the Label Width setting on the Form Styles tab, an alternative method must be used to wrap them to the width of the form. Using HTML break tags would work but in my humble opinion, it would be better to just use shorter labels and include the extra text via the Hint Example tool. That way, email alerts generated when users submit the form will have less text and the submission record will also be neater and less verbose.

    To illustrate my point, have a look at this clone of your form:
    https://www.jotform.com/form/12040604051 

    Another alternative could be to use free text (HTML) fields to display the extra text.

    Incidentally, with the exception of the failure of the label texts to wrap, I didn't experience any display problems while viewing your original form in any of my browsers (all on Windows) including Safari 5

    Anyway, please let us know if using the Hint Example tool is an acceptable solution in this case and if there's anything else related to your forms with which you need help.

    Thanks.


    ~ Wayne

    P.S. Sorry about that bit of junk mail you would have recently received. I made a test submission via the clone to see how the notification would look but I forgot to change the Recipient Email to my own.