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.
form will not appear if width is below 480pxAsked by cami_019 on January 24, 2017 at 03:37 AM
my form disappears if screen width is below 480px. I'm using adobe muse and this happens.
When checking directly in the jotform link it appears fine but when embedded it disappears.
Can you please try to re-embed your form using the iFrame method? Here's a link on Getting the form iFrame code.
In order for your form to become mobile responsive, please add a Mobile Responsive Widget.
Here's a guide on How to Add a Widget to your Form.
Please also check this guide on How to make mobile friendly forms on JotForm
Please let us know if you need further assistance.
I did just that but my problem is I have another form on the top bar of my site which passes the checkin and checkout dates to this booking form. Now the data won't pass because it's embedded in iframe. Any other workaround?
As per checking your site, I noticed that you are embedding multiple forms on your site using <script> code. The <script> code is advisable to use if you are only embedding one form on one specific page in your site. Embedding multiple forms using <script> code might cause conflicts between your forms. If you need to embed multiple forms, you will need to use the iFrame embed code as suggested. If you need to pass a dynamic parameter to the iFrame form, you will need to programatically add this to the URL of the iFrame.
<iframe id="JotFormIFrame-70225645601449" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.me/70225645601449?parameter=parametervalue" frameborder="0" style="width: 100%; height: 1752px; border: none;" scrolling="no"> </iframe>
Another workaround is to make use of one Booking Form only and make the booking form mobile responsive so the form size will automatically adjust depending on the size of the screen and you will only embed one booking form.