JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
Form does not look the same when using Safari versus ChromeAsked by csnow on December 14, 2015 at 03: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.
I was able to see the problem on your jotform http://www.jotform.us/form/53437657386165 as well.
To fix, please open the form in your Form Designer. And update the width of the Textbox.
See image below for guide
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.
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.
We are sorry for this inconvenience this might have caused. I am able to reproduced same issue that you are having.
We would appreciate it if you could add the CSS code below. At that time, it will work properly.
width : 600px !important;
Here is how it works on Safari.
If you have any question or issues, please do not hesitate contacting us. We will be happy to assist you.
It worked! Thank you for your time & help!
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.