What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Is there a way to make the lightbox form responsive?

    Asked by TWCforms on July 08, 2016 at 11:47 AM

    using my phone the page is not sizing for full view on the display.

    Page URL:
    www.Womenschallenge.net

    lightbox form responsive form
  • Profile Image
    JotForm Support

    Answered by Welvin on July 08, 2016 at 01:07 PM

    I'm sorry, but our lightbox form is currently not optimized for mobiles, but a workaround can be made to make it responsive. Please replace your lightbox codes with the following:

    <script src="https://form.jotform.me/static/feedback2.js?3.3.REV" type="text/javascript"> 

     

      // get current width of the window

        var parentWidth = window.innerWidth;

        var parentHeight;

        // check if the window size is less than 499, assuming that it means it is viewed on a mobile device

     

        if(window.innerWidth <= 499) {

        parentWidth = window.innerWidth; // if it's in mobile view assign the current width to this variable

            parentHeight = window.innerHeight - (window.innerHeight * 0.1);

        } else {

        parentWidth =  700; // if it's viewed on a window larger thatn 499px then set the width to 500px

            parentHeight = 500;

        }

     

    var JFL_61805345450452 = new JotformFeedback({ 

    formId: '61805345450452', 

    base: 'https://form.jotform.me/', 

    windowTitle: '', 

    background: 'transperent', 

    fontColor: '#FFFFFF', 

    type: 'false', 

        height: parentHeight,

        width: parentWidth,

    openOnLoad: true 

    }); 

    </script>

     

    Please inform us here if you'll find a new issue after changing the codes.