Making lightbox form responsive for mobile devices

  • Profile Image
    Stefanooo
    Asked on October 30, 2016 at 04:09 PM

    the width and height of the lightbox can obviously only be specified in absolute-values (like e.g width='600px'), hence I remain unable to use lightbox on smartphones ! it seems I can only work with px-values - if this is true, I cannot use 'jotforms lightbox' at all.. that is a pity. Dear support: Can you advise how to use lightbox via jotform propperly for smartphones?

     

     

    see screenshot: http://i.snag.gy/XxAlTM.jpg

     

     



    This is a re-post of a comment on How to Create a Lightbox Form

  • Profile Image
    Mike
    Answered on October 30, 2016 at 05:26 PM

    We have passed the issue to our developers. However, we cannot provide any ETA at this time for when the lightbox will be re-worked.

    In the meantime, you can try adding the next style code where you embed your lightbox code to make it responsive (100% width).

    <style>
    .jt-feedback.ui-draggable {
    width: 90% !important;
    }
    div#js-form-content {
    width: 100% !important;
    }
    .jt-content {
    width: 100% !important;
    }
    .jt-title {
    width: 100% !important;
    }
    </style>

    Thank you.

  • Profile Image
    GHdesigner
    Answered on December 01, 2016 at 01:47 PM

    Thank you.