Is there a mobile stylesheet to make form responsive?

  • Profile Image
    RHemery
    Asked 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

  • Profile Image
    Nik_C
    Answered 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
    RHemery
    Answered 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
    RHemery
    Answered on July 28, 2016 at 11:32 AM

    Can be ignored now, I got it working.

  • Profile Image
    Nik_C
    Answered 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.