Making lightbox form responsive for mobile devices

  • Stefanooo
    Asked on October 30, 2016 at 4: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

     

     

  • Mike
    Replied on October 30, 2016 at 5: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.

  • GHdesigner
    Replied on December 1, 2016 at 1:47 PM

    Thank you.