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

    I've used the mobile responsive widget on my form but it's still not responsive

    Asked by karifynn on April 06, 2017 at 12:44 PM

    Hi,  I've used the mobile responsive widget on my form but it's still not responsive - please help.

     

    https://www.schiphol.nl/en/what-to-do-at-schiphol/shop/?before_customs_filter=✓

     

    Thanks Karen Fynn

    Page URL:
    http://www.novl.co.za/novl-order.html

    Screenshot
  • Profile Image
    JotForm Support

    Answered by BJoanna on April 06, 2017 at 02:03 PM

    I have checked the website you provided on my phone and your form is not shown at all. 

    After that I have tested your standalone form and your form is fully responsive. 

    Please try to re-embed your form with iFrame code to see if that will resolve your issue. Inside of this guide you can find how to get iFrame code of your form:

    Getting the form iFrame code

    Let us know if you need further assistance. 

  • Profile Image

    Answered by karifynn on April 13, 2017 at 09:46 AM

    Thanks, I have done this and it now appears but it cuts off the bottom part of the form on mobile. The desktop version is fine.

    Please advise.

    Best,

    Karen

  • Profile Image
    JotForm Support

    Answered by BJoanna on April 13, 2017 at 11:50 AM

    I have tested your embedded form and I was able to replicate mentioned issue on my phone and also on desktop when I resized resized window.

    However it seems that this issue is related to element of your webpage, inside of which you have added your JotForm iFrame code and because of @media CSS rules of those elements your form is cut off. 

    You will need to correct those @media CSS rules or add your form outside of those elements. 

    Let us know if you need further assistance. 

  • Profile Image

    Answered by karifynn on April 14, 2017 at 11:44 AM
    Hi,

    I work in adobe muse and have no idea how to do that – please help.

    Thanks
    Karen

    KAREN FYNN I M: +27 82 578 3402 I WWW.ELEMENTBRANDING.CO.ZA



    ...
  • Profile Image
    JotForm Support

    Answered by Kiran on April 14, 2017 at 12:58 PM

    When checking the form using the direct link, the form is responsive. Could you try using the adding the Muse widget to the web page to see if that works? Please refer to the guide below from Adobe that can help you with adding the Muse widget.

    https://helpx.adobe.com/muse/using/add-a-jot-form.html

    Please get back to us if you need any further assistance. We will be happy to assist. 

  • Profile Image

    Answered by karifynn on April 15, 2017 at 01:45 PM
    Thanks for the help Kiran – I added the widget and now it’s not visible at all on mobile. Any suggestions?


    KAREN FYNN I M: +27 82 578 3402 I WWW.ELEMENTBRANDING.CO.ZA



    ...
  • Profile Image

    Answered by KadeJM on April 15, 2017 at 04:07 PM

    I've taken a look at this where I am able to replicate the issue where your form isn't visible when viewed on mobile devices such as on my iPhone 6.

    It currently seems like something is blocking or hiding your form from functioning correctly on the page or container that you've embedded it and I believe the missing form is the result it seems.

    If it was working before you added the widget but, just not responsive then you can try adding some additional css to retarget it specifically when used on mobile devices to try to force responsiveness.

  • Profile Image

    Answered by karifynn on April 16, 2017 at 10:44 AM
    Hi Kade,

    I can’t seem to see the CSS code on that link – do you know where else I can look?

    Thanks
    Karen

    KAREN FYNN I M: +27 82 578 3402 I WWW.ELEMENTBRANDING.CO.ZA



    ...
  • Profile Image
    JotForm Support

    Answered by Kiran on April 16, 2017 at 11:51 AM

    As I check the web page on a mobile device, the form is not rendering correctly on the web page. I am not sure if this is being caused due to any conflict with the widget. Please remove the widget from the web page and add the form again using iFrame embed method. Also, did you try adding the mobile layout to your website?

    https://helpx.adobe.com/muse/how-to/muse-mobile-site.html

     

    Thanks!

  • Profile Image

    Answered by karifynn on April 18, 2017 at 02:44 AM
    Hi,

    The mobile layout was added when the site first went up.
    I’ve removed the widget and inserted using iframe. The problem is on mobile it cuts off the form (see attached).

    Please help urgently.

    Thanks
    Karen

    KAREN FYNN I M: +27 82 578 3402 I WWW.ELEMENTBRANDING.CO.ZA


    ...
  • Profile Image

    Answered by Ian on April 18, 2017 at 03:26 AM

    I could not find the screen shot attached.

    1. Click on Insert/Edit image button

    2. Click on the "Upload" button

     

    3. Click on Choose File and look in your local folders.

    4. Click on Submit