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.


  • Profile Image

    Input fields are too long and does not matched the form's width when viewed in mobile

    Asked 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

    Android Mobile thanks jotformeu
  • Profile Image
    JotForm Support

    Answered by BDAVID on February 23, 2015 at 07:18 PM

    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.

     

  • Profile Image

    Answered by davidhiscutt on February 24, 2015 at 03:00 AM

    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.

  • Profile Image

    Answered by Mobileonix on February 24, 2015 at 04:39 AM

    Hi Yes I am getting this same issue with responsive forms I do not think the responsive option is working 

  • Profile Image

    Answered by Mobileonix on February 24, 2015 at 04:43 AM

    Ah sorted you must select on both the preferences option and the tick box option for this to work 

  • Profile Image

    Answered by davidhiscutt on February 24, 2015 at 05:15 AM

    I have done both and still have the same issue :-(

  • Profile Image

    Answered by Mobileonix on February 24, 2015 at 05:20 AM

    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

  • Profile Image

    Answered by Mobileonix on February 24, 2015 at 05:27 AM

    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 

  • Profile Image

    Answered by davidhiscutt on February 24, 2015 at 05:50 AM

    Hi Mobileonix,

    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.

    Thankyou

  • Profile Image

    Answered by Mobileonix on February 24, 2015 at 06:03 AM

    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 

  • Profile Image
    JotForm Support

    Answered by Charlie on February 24, 2015 at 09:31 AM

    Hi,

    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.

    Thank you.