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

    Are your embeds mobile optimized?

    Asked by nicholasholland on December 11, 2013 at 01:53 PM

    We direct a lot of http://Populr.me customers to use JotForm and wanted to know if your embeds were mobile optimized. If you look at the example below, the embed (both with <script> and <iframe>) isn't resizing itself.

    http://demonstrate.populr.me/example-for-jotform-team

    When we use other services (like Eventbrite), they give an iFrame with width set to 100% and the contents of the embed are designed to adapt to their width.

    Advice?

    Nicholas Holland

    nicholas.l.holland@gmail.com

    615-422-5205

    Page URL:
    http://demonstrate.populr.me/example-for-jotform-team

    Mobile JotForm
  • Profile Image

    Answered by morleyb on December 11, 2013 at 03:31 PM

    A simple solution would be for JotForm to default the ".form-all" class to 100% !important.

    Is there any reason why this class is not doing this already?

  • Profile Image
    JotForm Support

    Answered by Mike_T on December 11, 2013 at 05:21 PM

    @Nicholash,

    In general, our forms are mobile optimized. We do have a mobile CSS that is being applied to small screen sizes, and iframe has the style="width:100%; on it. This is how the page is showing up on iPhone (and it is similar on my Android phone):

    As you can see the form layout is changed to fit the mobile device screen size. The form is overlapping with description from your page, but this is something that is related to the page layout. If you would like us to investigate this overlapping issue, please open a new thread.

    @Morleyb,

    We have the .form-all{width:auto !important} style applied to the mobile devices, and we use the exact container width for desktops. It might be a good idea to use the 100%/auto width in some cases. Form users can easily inject their own CSS to the form including @media rules for mobile devices.

    Please let us know if there is anything else that we can help with.

  • Profile Image

    Answered by morleyb on December 11, 2013 at 11:51 PM

    Thank you for the response Mike T.

    I am also interesed in how the 100% width could be applied in desktops and laptops. Is it possible to have the width default changed to auto important, for all devices (not just mobile), rather than a fixed width? This way the user does not have to conciously set the width before embedding a form?

    The issue is that the user has to know the container size or the form is cutoff and it can look unusable.

    Thanks!

  • Profile Image

    Answered by Cesar on December 11, 2013 at 11:59 PM

    @morley

    The width is set to 100% for desktop and mobile devices by default. As long as you use iframe on the embed could it will be set as such.

    If you do need further support kindly create a new thread for your issue, so that we may assist you further. Thank you.

    Related Link:

    Contact JotForm Support