how can i make my form responsive?

  • Profile Image
    Asked on November 29, 2015 at 11:58 PM

    Hello Team (Jotform),


    This is my form -

    My problem is -

    1. I'm unable to make it responsive. Once i open the website in mobile,this form becomes distorts.

    2. I want to make my form auto and open after 15 seconds.

    3. I also want to close this form, once it auto appears (for those)

    See the following code regarding this i have used in the website (header.php) wordpress

    <script src="" type="text/javascript">
    var parentWidth = window.innerWidth;

        if(window.innerWidth <= 499) {parentWidth = window.innerWidth;} else {parentWidth =  500;}
    var JFL_53300890979464 = new JotformFeedback({ formId: '53300890979464', base:

    '', windowTitle: 'HELP? Contact Us', background: '#FFA500', fontColor:

    '#FFFFFF', type: 'false', height: 500, width: parentWidth, openOnLoad: true }); </script>

    <a id="lightboxdelay" class="btn lightbox-53300890979464" style="margin-top: 16px display:none;">


    ? Contact Us </a>

    <script language="JavaScript">
    var delayseconds = 15;
        function pause() {
        myTimer = setTimeout('whatToDo()', delayseconds * 1000)
       function whatToDo() {
    window.onload = pause;

    Still form opens as website opens, delayseconds is not working

    Kindly help me out of the above two problem i'm facing right now.




  • Profile Image
    Answered on November 30, 2015 at 09:23 AM

    I've checked your form. It seem responsive when you open your form. However, when I check your website I am able to reproduced same issue that you are having.

    Let me try to figure out the cause of this issue. I will get back to you on this soon.

  • Profile Image
    Answered on November 30, 2015 at 09:27 AM

    I've created a separate thread for you, so anyone in the support staff will be able to assist you with your specific requirement. Please follow up there:

  • Profile Image
    Answered on November 30, 2015 at 02:44 PM

    I suggest you to change your Lightbox width with 100%.

    In addition to that, you can also use a "pop-up" instead of the Lightbox. The mobile responsive CSS or widget should then apply properly on the pop-up window.

    I hope it works.

    If you require any further information, feel free to contact us. We will be happy to assist you.