Are your embeds mobile optimized?

  • Profile Image
    nicholasholland
    Asked 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

  • Profile Image
    morleyb
    Answered 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
    Mike_T
    Answered 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
    morleyb
    Answered 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
    Cesar
    Answered 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