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

    Is there a mobile stylesheet to make form responsive?

    Asked by RHemery on July 27, 2016 at 04:32 AM

    Hi there

    I used JotForm to create a form: http://www.bedford.ac.uk/fees/full-time-level3.htm?courseFee=4170

    It's implemented as source code because I had to add JavaScript etc.

    Is there a stylesheet I can add to make it responsive - like you do with a normal form and using the 'Mobile Responsive' widget?

    Thanks

    Rich

    Mobile stylesheet create a form JotForm source
  • Profile Image
    JotForm Support

    Answered by Nik_C on July 27, 2016 at 06:27 AM

    Our forms are mobile responsive by default, what you could do if your form is not responsive is to enable Mobile responsive in Designer:

     

    And under Form layout check Make this form responsive:

    Also, I found this stylesheets for you in this link.

    From  where you can take stylesheet for each size, Desktop, Tablet, Phone.

    Hope it helps.

    Please let us know if you have any further questions.

    Thank you!

  • Profile Image

    Answered by RHemery on July 28, 2016 at 10:54 AM

    Thanks for your help so far.

    Is there nothing I can do that'll be a quick fix?

    The issue is although I originally designed my forms in JotForm, because they utilise external JS etc. I have them on my page as the Publish > Source Code, so I cannot go into the Form Designer and switch the responsiveness on.

    This is my page:

    http://www.bedford.ac.uk/fees/part-time-level2.htm

    Have tried adding the following but doesn't seem to help responsiveness:

    <link type="text/css" rel="stylesheet" href="https://cdn.jotfor.ms/css/responsive.css?3.3.14271" />

     

    I appreciate the page itself isn't responsive, I will have to do that separately, but I expected the form fields to work.

     

    Thanks

     

    Rich

  • Profile Image

    Answered by RHemery on July 28, 2016 at 11:32 AM

    Can be ignored now, I got it working.

  • Profile Image
    JotForm Support

    Answered by Nik_C on July 28, 2016 at 12:41 PM

    I am glad you were able to solve the problem yourself.

    Let us know if you need any assistance.