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 is not responsive in tablet or mobile phone

    Asked by RaimundFaber on November 21, 2016 at 03:08 PM

    Here is the jotform link:

     

     <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/63255178228359" frameborder="0"i style="width:100%; height:1299px; border:none;" scrolling="no"> </iframe>

    it´s made with check for make this responsive

    and here is the webside where it is embedded:

    www.faber-beratung.com/kontakt

     

    thanks for your help

    Page URL:
    www.faber-beratung.com/kontakt.html

    ipad pc and form is responsive
  • Profile Image
    JotForm Support

    Answered by Jan on November 21, 2016 at 05:53 PM

    I checked your form and I can see that it is responsive when I opened it in my desktop computer. I also tried resizing the browser and I can say that it is responsive.

    Please try to insert the Mobile Responsive widget in your form. Here's a guide on How-to-Add-a-Widget-to-your-Form.

    The URL you provided is not working. Please provide the correct URL of the webpage where the form is embedded so that we can further investigate.

    Let us know if you need further help. Thank you.

  • Profile Image

    Answered by RaimundFaber on November 22, 2016 at 08:52 AM

    Hi Jan,

     

    sorry, the URL is www.faber-beratung.com/kontakt.htm

     

    it´s still not working, how can I adjust the form size and juse a form without background

  • Profile Image
    JotForm Support

    Answered by Helen on November 22, 2016 at 09:04 AM

    Hi,

    Thanks for contacting us.

    I checked your link that you provide with us. However , I could not see any contact form on this page. As you can see below:

    Please re-embed your form to your website. I must see the page for to solve this issue.

    We will waiting your response. 

  • Profile Image

    Answered by RaimundFaber on November 22, 2016 at 11:42 AM

     Hi Helen,

     

    sorry, now it´s updated.

    Here´s the new jotform link:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformeu.com/63264241805351" frameborder="0"i style="width:100%; height:622px; border:none;" scrolling="no"> </iframe>

     

    I also just want to have the white formular without the gray frame - but do not know how to

     

    Thanks

     

    Raimund

  • Profile Image
    JotForm Support

    Answered by Jan on November 22, 2016 at 01:23 PM

    I cloned your form and I can see that you haven't inserted yet the Mobile Responsive widget. In the Form Builder, please click the "More Fields" section and then search form "Mobile Responsive". After that, please drag it to the form. Here's a screen capture:

    If you want to remove the gray background or frame, please insert the CSS code below:

    .supernova {
    background-color: #ffffff !important;
    }

    .supernova .form-all {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    }

    Here's a guide on insert a CSS: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Let us know if you need further assistance. Thank you.

  • Profile Image

    Answered by RaimundFaber on November 22, 2016 at 04:38 PM

    Dear jotform-team,

     

    thank you very much for your great support - everything works very fine so far.

    The only thing I´m worried about are the missing right side frames on iPad version.

     

    Any idea about it?

     

    Here my latest jotform link:

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

     

    Once again thank you so much - great support

     

    Raimund

  • Profile Image

    Answered by RaimundFaber on November 22, 2016 at 04:47 PM

    Dear jotform-team,

     

    additional information:

     

    drop down menue also missing lower frame??

     

    please help!

     

    thanks in advace

     

    Raimund

     

  • Profile Image

    Answered by RaimundFaber on November 22, 2016 at 05:16 PM

    it looks like safari is the problem - android works

  • Profile Image

    Answered by RaimundFaber on November 22, 2016 at 05:29 PM

    Sorry,

    it´s not safari related, it´s IOS related - same problem with different browsers like opera or chrom on IOS devices iPad 2, iPad mini, or any iPhone 

    IOS version on all devices is 10.1.1

     

    Thanks for your support

     

    Raimund

     

  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 22, 2016 at 09:38 PM

    I'm currently testing your form, but unfortunately I do not have a real device with IOS and using emulators I do not seem to replicate the problem you're mentioning. 

    So far, the drop downs you have in your form are showing up on my end, what I have noticed is that the form is getting cut off on the right side, what I would suggest you is to inject this code to your form so you reduce the form's width and display completely the fields in mobile devices: 

    @media screen and (min-width: 480px){

        .supernova{

            width: 90%;

        }

    }

    Please give it a try and let us know how it goes. 

     

  • Profile Image

    Answered by RaimundFaber on November 23, 2016 at 01:56 PM

    HI Kevin,

    Hi jotform-team

     

    thank you so much for your greater support - now everything works properly

     

    Raimund

  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 23, 2016 at 03:12 PM

    You're most welcome Raimund. 

    Please  if there is anything else that we can assist you with, do not hesitate to contact us, we will be more than happy to help you.