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.
Input fields are too long and does not matched the form's width when viewed in mobileAsked by davidhiscutt on February 23, 2015 at 05:15 PM
Hi, I am trying to make the following form completely compatible with iPhone and Android mobile devices although can not seem to master it.
Some of the text and field boxes keep trailing over making the form look a bit unprofessional.
Could you help me out with the injecting CSS into my form please.
I have not embedded this form into a website, I am using a link via a tinyurl.
The form is http://form.jotformeu.com/form/50535284755359.
Huge thanks in advance
Have you tried setting up the responsive features? Please review this guide to help you accomplish it, and let us know if that helps: http://www.jotform.com/help/311-How-to-make-forms-Mobile-Responsive
Let us know if you have more questions, we will be glad to assist you.
Hi thankyou, I have followed the instructions and set both settings to Responsive form although still the same issues.
I did create this form in Adobe Formscentral where it did display correctly, is it possible that something has not translated properly when I have ported it over to Jot Forms?
Is there any more help you could give me please.
See screenshot attached of my issue. The input fields don't seem to want to resize correctly.
Hi Yes I am getting this same issue with responsive forms I do not think the responsive option is working
Ah sorted you must select on both the preferences option and the tick box option for this to work
I have done both and still have the same issue :-(
One of guys will be on to help you I am sure but it worked for me Click Here to see then hit enquiry form
If you click on test form david Here Click David I do not have the embed code so just click the contact golf specialist you will see your form it only needs a few edits and your good to go
Thanks for the link, yes that is exactly how I would like my form to appear. What did you actually edit to make it appear correctly please as I am struggling.
I just used the link you had changed nothing as I do not have access to your form but I would say if you just to to design tool the new one and edit the form layout then imput width that might work
They really should have used drag and drop for this new builder as it seems to be causing lot of confusion and you know what confusion brings ..... lost revenue
If you are viewing the form using the direct URL or link, and the problem shows that input fields have a mismatch width, you could try disabling the Form responsive option in the Preferences, only that one. Leave the "Make this form responsive" option in your form responsive enabled.
Here's a screenshot, disable the option here, only this.
See if that solves the problem and do let us know if it works.