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

    'Responsive Error' on one question

    Asked by Grahammilton1985 on October 09, 2015 at 09:53 AM

    Hey,

     

    I have followed the the instructions on how to make my form responsive.

     

    It seem to have worked a treat apart from 2 fields.

     

    The responses to my 'Group Type' and 'Choose your date' options still hang out on the right!

     

    Photo and link attached

     

    Any suggestions?

     

    Many thanks

    Graham

    Page URL:
    http://form.jotformpro.com/form/52813979379979

    Screenshot
    responses thanks attached and
  • Profile Image
    JotForm Support

    Answered by BJoanna on October 09, 2015 at 01:21 PM

    Please add Mobile Responsive widget to your form. That will make mentioned fields responsive as well. 

    I have cloned your form and added mobile responsive widget in my cloned form. My responsive form looks like this.

    Here is my cloned form: https://form.jotform.com/52815144602954? 

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image

    Answered by Grahammilton1985 on October 12, 2015 at 05:31 AM

    Thanks for your help

    It works well when i just view the form as a link

    http://form.jotformpro.com/form/50972410260952

    However is seems to loose its responsiveness when its embeded on my website...

    http://www.landandwave.co.uk/group_deposit_payment.html

    What can I do about this?

    Many thanks,

    Graham

  • Profile Image

    Answered by Carina on October 12, 2015 at 10:41 AM

    I could replicate the same situation.
    I will make further tests and will get back to you later.

    If you need further assistance please let us know as we're here to help.

  • Profile Image

    Answered by Grahammilton1985 on October 12, 2015 at 12:27 PM

    thanks

  • Profile Image
    JotForm Support

    Answered by Charlie on October 12, 2015 at 02:20 PM

    Hi,

    It seems like the website itself is not responsive,  you can see that when you viewed it on a mobile device, it shows the layout same in the desktop view.

     

    Because the form is set to be mobile responsive, it tries to expand its width the same with the mobile device's screen display.

    I also see that you are using different ways to make your form mobile responsive. Currently, there's two ways:

    Method 1: You can enable mobile responsive options in the Preferences

    And in the Form Designer Tool

     

     

    Method 2: Using the mobile responsive widget.

     

    If you wan to display the form the same way how it looks like in the desktop view, then you might need to disable all the mobile responsiveness of that form.

    If you want to make your website itself mobile responsive, to make the form mobile responsive also, you can try adding/configuring a viewport as mentioned in this guide from Google: https://developers.google.com/speed/docs/insights/ConfigureViewport?hl=en. You just need to add the meta tag mentioned there inside the <head> tags. I'm not sure if this is possible in your end, especially if you are using a website builder.

     

    Do let us know if that helps.