How can I make a lightbox responsive?

  • Profile Image
    Asked on March 30, 2015 at 11:38 AM

    It would be nice if Jotform would include code to make the lightbox form responsive. If anything, there must be a way to add code to the script to make my lightbox form responsive. Any help would be appreciated. I am on a deadline and need this figured out ASAP.

  • Profile Image
    Answered on March 30, 2015 at 01:23 PM

    The lightbox should show a modal-like or a pop-up window on the screen, if you embed using Lightbox, it will have a fix screen depending on its parent element,  the website where it is embedded.

    1. You can change size of lightbox in Customization option.

    2. You can try embedding the form using "pop-up", as this will open the form in a new window in the mobile device and the mobile responsive widget will then adjust the display based from the window it is being displayed at.

    Hope this will help. 


  • Profile Image
    Answered on March 30, 2015 at 01:43 PM

    I have escalated this problem to our developers in order to see if it is possible to have responsive lightbox. I can not give you any time frame when it will be developed. We will inform you via this thread once the problem is solved. 

  • Profile Image
    Answered on March 26, 2016 at 10:52 PM

    Im wait for this too...

  • Profile Image
    Answered on March 27, 2016 at 04:04 AM

    Hello henriquecontato,

    Unfortunately we have not received any update form our backend team yet. Upon checking ticket status, I found that one of our developer is looking into this issue at highest priority.

    We will get back to you as soon as we have any update from them.

    Thank you!

  • Profile Image
    Answered on May 03, 2016 at 10:03 PM

    With the rate at which users are switching to mobile, not having this great feature be responsive is a shame... hopefully code will be developed to allow mobile responsiveness!


    Please help JotForm!

  • Profile Image
    Answered on May 04, 2016 at 12:04 AM


    In order to escalate your request, I have moved this to other thread, it can be reached on this link:


  • Profile Image
    Answered on February 24, 2017 at 06:33 AM

    Hey mcjones2003, henriquecontato & everyone else,

    Our UI developers fixed this situation, where the lightbox embedded forms were not responsive.

    You do not need any workarounds anymore. And also, since the lightbox embed code's updated through fetched JS files, you do not need to re-embed anything again. It should just work as responsive, still when you delete the workaround CSS codes.

    We will be still waiting for your response and feedback,


  • Profile Image
    Answered on February 27, 2017 at 11:29 AM


    Thank you... when I enter the forms directly into my phone's browser, they are responsive... but when they are opened from my website they are not. 

    This was some added code when the lightbox opens from my site. Is this causing any issues?



    <script src="" type="text/javascript">

       var parentWidth = window.innerWidth;


        if(window.innerWidth <= 799) {parentWidth = window.innerWidth;} else {parentWidth =  800;}


    var JFL_61025089274960 = new JotformFeedback({

            formId: '61025089274960',

            base: '',

            windowTitle: 'txt-book | iPhone Order Form',

            background: '#999999',

            fontColor: '#ffffff',

            type: 'false',

            height: 800,

            width: parentWidth,



    fbq('track', 'InitiateCheckout');







    The link to my jotform is:

    My Website is


    Thank you for any help you can offer!



  • Profile Image
    Answered on February 27, 2017 at 12:44 PM

    Hello Scott,

    I have moved your question to a new thread so that we can address it separately. You will be answered in the following thread:

    Thank you!