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.
Mobile responsive formatting issuesAsked by venco on February 19, 2016 at 01:07 PM
Hi, I do not know how, but one of the forms when use on mobile iphone come out like a desktop witch is the best way for me, one goes responsive and became ugly. They look same
1. https://form.jotformeu.com/60411431045339 that is the ugly one!
2. https://form.jotformeu.com/60415500082341 that is the best way I want it!
how to make them same to show on iphone, want them to be like example 2.
I think if you fix the look of your site Jot Form when open on iphone will fix my issue also.
here how look your site when open on iphone!!!
The form builder was not meant to be used on mobile and it is recommend to use desktop devices for creating forms.
As for the mobile responsiveness of your form, try either making the form mobile responsive:
Or adding the mobile responsive widget to your form:
HI, THAT MAKE MY FORM GOING AGAIN IN ONE COLUMNS WHEN OPEN IN DESKTOP. PLEASE FIX YOUR PLATFORM TO WORK GOOD IN ALL WAYS. WE WASTE TIME GOING AROUND AND AROUND
My apologies, I thought you wanted your form to be mobile responsive. If you would like the forms to be the same, you can always copy the CSS from one form to your other form:
Copy the code from the CSS section of the form that is formatted the way you would like and paste it to the form that is not.
they are same forms with different products cost, if inject custom css code, will be same as to be cloned, I am wrong?
Yes, that's right since cloning the form will carry over the CSS codes on the cloned form. So with that, I suggest to clone your working form instead and edit all the changes you want on the cloned form.
By the way, with regards to the formatting of the two forms on desktop.
This form https://form.jotformeu.com/60411431045339 has a max-width of 500px on the field container.
While this form https://form.jotformeu.com/60415500082341 has 265px.
So to correct the first form and have 265px width so they look the same on desktop, just edit it on the Form Designer then click one of the field and change 500px to 265px on textbox and textarea width.
And to make the form fully mobile responsive, just follow the guides provided by my colleague on the above post or you can click the links below.