JotForm User Guide / Share Forms /

Deprecated: How to Make the Form Responsive Using the Form Designer Tool

Deprecated: How to Make the Form Responsive Using the Form Designer Tool

This guide is deprecated: Forms are now mobile responsive by default. This means no further configuration is required.

If you are looking for a way to make your forms to appear more user-friendly across different devices, then there's a quick option found in the Form Designer Tool that will make your form responsive. Below are the steps you can follow.

Step 1: Find the Designer icon

While on Edit mode, click the Designer button found at the right side of page. 



Step 2: Find the "Advanced Designer" button

It will open a side bar window where you can do some changes on your form, scroll down and you should find the "Advanced Designer" button.


Step 3: Full Featured Form Designer Tool

This will open the fully featured advanced Form Designer Tool. The screenshot below will show you where to find the option to enable responsiveness on your form. Under the "Design" tab->"Form Layout" section, you should enable the "Make this form responsive". Then hit the save button.


Step 4: Previewing the form

You can see how the form looks like in different mobile view when you click the "Preview" button in the Form Designer Tool. Here's a screencast on my end. 

In addition, we have lots of ready to use mobile responsive themes at our Theme Store that you can use for free! 

To see them check this link out: 

Contact Support:
Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:
Contact JotForm Support:

Send Comment


  • Morgan_Amy

    Same issue, cannot get it to work on mobile device. Dates are funky too... these things are too annoying for me to use for business wise, unprofessional. Can someone please help me fix it and let me know how to make it mobile responsive in the future for other forms? Also, can someone please help me figure out whats wrong the date calendars, they just won't show up in the month field (it gets cut off) and it doesn't auto jump back once you pick a date.. .quite annoying. Thank you ahead for the help! These are such cool forms if we can get them to be professional looking!
    Amy Morgan

  • murielperez03

    I'm really tired of figuring this out on my own. Can someone please help me?
    In my form, when someone selects a product to order, there are four fields to fill up that will appear.
    Without the mobile responsiveness widget, the second field is visually cut, while the third and fourth are no where to be seen on a mobile screen.
    With the mobile responsiveness widget, the second field is visually whole, while the third and fourth are still no where to be seen on a mobile screen. This is so even when i try to scroll right.

    P.S. i can't figure out how to get the preview before submission working right. The submit button gets in the way visually of the edit button. I've been trying to figure this out for weeks. Please help.

  • pmprogetto

    I have a problem with responsive template.
    I bought the silver plane with HIPAA Compliance.
    When i integrate the cose into my website, the template are not resposive.
    If i use the direct link insted the template is responsive.
    Thank you for help us.

  • HaysvilleHealthyHabits

    I see your responses to the question of the "Make this form responsive" is that these instructions are deprecated and that all forms are now created mobile responsive. However, they are not. My form thinks it is mobile responsive in jotform when I am working on a pc. Yet it still never shows up on a mobile device. I am losing registrants and time. If there are no instructions for us to change this, please would you go in and correct my form so that people can signup on their smartphones?

  • MarieGottliebeDorle

    Hi! In my form the "Make this form responsive" button just doesn´t show up? Could someone please answer to this issue?

  • 14rishd

    it is not showing that option

  • CscProvidence

    That's odd. I was able to create a brand new form a few days and it had the option available. A couple of days later, and the option was gone when creating an other new form. This is in late Sept 2017 !?

    However, if I clone a form which has the 'feature' to create a new form, the feature remains available in cloned copy. Using anything more than 2 columns messes things, so I leave to 2 columns and do some CSS to tweak...

    The catch is this : without the checkbox to turn on the feature, the form is not as responsive as it used to be ...

    The question : what's up with the different behavior ?

    To help with 'responsive' forms, it would be nice if the size (width, height, etc.) attributes would accept "%". It still looks only for "px". ;(

  • bodybuddies

    I followed all directions and I am not offered the "make form responsive check box - -I can only change my width settings :(

  • Alanyarestaurang

    But there is not checkbox!!!
    I couldn't find it.

  • bjfitzpatrick

    I just check the code via Firebug and when I resize the screen to the break point where the form display issue is the form code just disappears, its the in the bigger screen but then gone. If I drag it bigger agin and refresh it comes back. Here is a link to it please can someone get back to me on this?

  • bjfitzpatrick

    There is no option/checkbox for "Make this form responsive" within the "Design" tab->"Form Layout" section on my form.

    I just sent a support request regarding my form not being visible when I'm in mobile view. It works and shows fine when in a larger screen view but when I resize the screen down to the breakpoint the Jotform disappears. All I did was resize the width of it at the breakpoint. Why is it not showing on smaller screen sizes?

  • palmalockandgo

    I have it embeded and still not see anything. On computer works ok, but not on mobile phone. I also added the widget "mobile responsive". The link to our site:

  • slabrehab

    I tried this solution and it still will not allow me to see my form in mobile mode. the form functions just fine in classic mode.

  • waynenoel

    Still no response?

  • gopanache

    Your answer does not work. This is a VERY POOR experience for customers and embarrassing to use.

  • AuDo

    It's not working for me also.

  • miohonda

    I already have this checked but my form does not appear to be responsive when opened from my iphone.

    I am guessing that this is because I customized the CSS, but I don't know how I can fix this without changing the layout of the PC version.

    Can you please help me fix this?

  • mhew

    I'm using jotforms to make a popup lightbox for users to read my policies. Unfortunately, when I view it mobile (using the lightbox embed code) it is not adapting the lightbox window size in mobile. If a user clicks on this embed link on a mobile device, they will get stuck on it and can't "X" out from the popup. Nor can they even read the pop-up because it goes beyond the screen constraints and gets cut off. It works beautifully on desktop, but more and more people are viewing sites on mobile, so I really need this feature. Is there some way for me to get this working?
    My website is and the link is at the bottom of the page and reads "Policies & Cancellation".

  • dcavalli

    Does this apply for Google sites? If so, I made the change and it still is not viewing correctly.

  • sonusudeep

    i have seen all the tutorials how to create a form but don't know how to convert my webpage into mobile friendly app .
    any advies ?

  • Paulina

    Hi, I followed the instructions in the user guide to see the form on mobile but simply not seen. What can I do?

  • caam_ayurveda

    Hi, I tried the recommendation above but the page is still cut off on the mobile phone. I'm using Safari on my iphone to test.

  • Kishan

    Hi, I am creating a form that I plan to use for a health survey. Have a few questions please:

    1) i don't want the form to be on a website. Instead, my team will examine patients and fill up a form per patient via an ipad. Is that possible?

    2) can I have multiple members from my team access the same form and fill it so it all gets added to the same data base.

    3) post review, we want to share a copy of the report with patients and hospital staff. Is that possible and can I design the report separately?


  • DigitalWebResults

    I have tried every idea I have seen in the forums on multiple threads and can't get it to work. I am using Xara Designer Pro X11 and when I embed the form on the main and mobile variants and then preview, one of the variants has no JotForm. Any suggestions? I have tried inserting placeholder, inserting code into jotform, making sure form is set to responsive design at both locations where that setting can be changed. Here is my website
    Please use for response.

  • GentlemensAgency

    It didn't work for me, I have done everything from the instructions. Also I did re-embed the iframe code. But on IOS it is still a mess.

  • NekoStudios

    I'm viewing my form through the form's link, not my website (not embedded yet), and it looks a mess. I am extremely saddened by this as my forms are awesome and took a lot of time to create. My main issue is the fact that the conditions are not working. I will be satisfied with however it looks through mobile as long as the conditions work. Very important! Help me, please :)

  • Eric

    Thanks ! I had done the preferences - responsive already, but was unaware of the designer aspect. Will see how that goes.

  • tpbauer01

    Good work. THANK YOU!!

  • Mat

    Is there a description of what "Make this form responsive" does? Eg, what are the breakpoints and what formatting happens at these breakpoints?