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

    Form disappears on muse responsive sites?

    Asked by ywm on December 02, 2016 at 04:58 PM

    Hi,

    We are building a new site http://group-test.businesscatalyst.com/index.html

    The jotform form I'm working on is in the footer. It is embedded into a muse site. My muse site is responsive so the design changes with the window size. The form appears initially, however, when you change the window size the forms disappears. The form doesn't appear on mobile either. What do I need to do to fix this problem? We go live at the end of the month.

     

    Thanks

    Page URL:
    http://group-test.businesscatalyst.com/index.html

  • Profile Image
    JotForm Support

    Answered by Jim_R on December 02, 2016 at 08:38 PM

    Hello, the standalone form itself works and appears to be mobile-responsive, regardless of the size of the browser's viewport:

    However, on your website, it disappears as I change the browser's size. This is most likely due to how the responsiveness of your website was designed. Upon closer inspection, your form appears to be within this div container u494760 and as soon as I change the size of the viewport, that div's content gets changed and the script part of your form disappears (which is possibly what's causing it to disappear too).

    For your reference, this is the DOM inside that div before and after resize:

    BEFORE:

    <div class="grpelem shared_content" id="u494760" data-content-guid="u494760_content"><!-- custom html -->

    <script type="text/javascript" src="https://form.jotform.com/jsform/61586703414961"></script>

    <iframe onload="window.parent.scrollTo(0,0)" src="" allowtransparency="true" frameborder="0" name="61586703414961" id="61586703414961" style="width: 100%; border: none; height: 202px;" scrolling="no"></iframe>

    </div>

    AFTER:

    <div class="grpelem shared_content" id="u494760" data-content-guid="u494760_content"><!-- custom html -->

    <iframe onload="window.parent.scrollTo(0,0)" src="" allowtransparency="true" frameborder="0" name="61586703414961" id="61586703414961" style="width: 100%; border: none; height: 202px;" scrolling="no"></iframe>

    </div>

    (The line I highlighted in yellow above was what's missing after resizing)

    Just to confirm, did you use the same steps outlined on this guide: Adding-a-form-to-Adobe-Muse

    1. If you did - Then try embedding the form using the iFrame embed codes instead.

    Related guide: Getting-the-form-iFrame-code

    2. If you didn't - Then please ignore #1 above and try embedding it using the guide first.

  • Profile Image
    JotForm Support

    Answered by Jim_R on December 09, 2016 at 03:56 PM

    I Used the iframe and it worked thank you!

    Your reply didn't post properly so I just pasted it above for everyone's reference. Thanks for confirming that the iframe worked and for taking your time keeping us posted. Enjoy your weekend!