Form does not look the same when using Safari versus Chrome

  • csnow
    Asked on December 14, 2015 at 3:00 PM

    I created my form on my PC using Chrome.  However, I just looked at it on my mac laptop using safari & the fields are different lengths, are on different lines and the tab does not go to every consecutive field like when I use Chrome with my PC.  This happens when I log on to jot form or when I open the form using a link.  I can still complete the form, but would like it to behave the same regardless of the browser/computer.

  • jonathan
    Replied on December 14, 2015 at 5:27 PM

    I was able to see the problem on your jotform http://www.jotform.us/form/53437657386165 as well.

    Form does not look the same when using Safari versus Chrome Image 1 Screenshot 30

     

    To fix, please open the form in your Form Designer. And update the width of the Textbox. 

    See image below for guide

    Form does not look the same when using Safari versus Chrome Image 2 Screenshot 41

     

    you can test also my test form https://form.jotform.com/53476784990978? on your browsers to check if it is working as intended.

    Let us know if issue persist.

    Thanks.

     

  • csnow
    Replied on December 14, 2015 at 10:47 PM

    Thank you but I still don't understand.  When I view the form via Chrome or Explorer, it is correct. The Full Name field is the correct length and the other fields line up correctly on the lines.  However, when I view it in Safari on my mac laptop, the fields are messed up.  it does not matter if I view it via the link or the embedded form on the website.  The first picture below shows what the form looks like when using Chrome or Explorer and the second picture shows what the form looks like when viewing it with Safari.

    Form does not look the same when using Safari versus Chrome Image 1 Screenshot 30Form does not look the same when using Safari versus Chrome Image 2 Screenshot 41

  • beril JotForm UI Developer
    Replied on December 15, 2015 at 2:02 AM

    We are sorry for this inconvenience this might have caused. I am able to reproduced same issue that you are having.

    Form does not look the same when using Safari versus Chrome Image 1 Screenshot 40

     

    We would appreciate it if you could add the CSS code below. At that time, it will work properly.

    #input_5 {

        width : 600px !important;

    }

    Form does not look the same when using Safari versus Chrome Image 2 Screenshot 51

     

    Here is how it works on Safari.

    Form does not look the same when using Safari versus Chrome Image 3 Screenshot 62

    If you have any question or issues, please do not hesitate contacting us. We will be happy to assist you.

  • csnow
    Replied on December 15, 2015 at 7:28 PM

    It worked!  Thank you for your time & help!

  • Ashwin JotForm Support
    Replied on December 16, 2015 at 1:31 AM

    Hello csnow,

    On behalf of my colleague, you are welcome.

    I am glad to know that your issue is resolved. Do get back to us if you have any questions.

    Thank you!