How can I make a lightbox responsive?

  • mcjones2003
    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.

  • BJoanna
    Replied on March 30, 2015 at 1: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.

    How can I make a lightbox responsive? Image 1 Screenshot 30

    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.

    How can I make a lightbox responsive? Image 2 Screenshot 41

    Hope this will help. 

     

  • BJoanna
    Replied on March 30, 2015 at 1: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. 

  • henriquecontato
    Replied on March 26, 2016 at 10:52 PM

    Im wait for this too...

  • Ashwin JotForm Support
    Replied on March 27, 2016 at 4: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!

  • txtbookapp
    Replied on May 3, 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!

  • Kevin Support Team Lead
    Replied on May 4, 2016 at 12:04 AM

    @txtbookapp,

    In order to escalate your request, I have moved this to other thread, it can be reached on this link: https://www.jotform.com/answers/832226. 

     

  • Scott JotForm Developer
    Replied on February 24, 2017 at 6: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,

    Cheers.

  • txtbookapp
    Replied on February 27, 2017 at 11:29 AM

    Hi.

    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="https://form.jotform.com/static/feedback2.js?3.3.REV" 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: 'https://form.jotform.com/',

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

            background: '#999999',

            fontColor: '#ffffff',

            type: 'false',

            height: 800,

            width: parentWidth,

    });

     

    fbq('track', 'InitiateCheckout');

     

     

        </script>

     

     

     

    The link to my jotform is: https://www.jotform.com/txtbookapp/txt-bookform

    My Website is www.txt-book.com

     

    Thank you for any help you can offer!

    Scott

        

  • Ashwin JotForm Support
    Replied 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:  https://www.jotform.com/answers/1077080

    Thank you!