how can i make my form responsive?

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

    Hello Team (Jotform),

     

    This is my form -https://form.jotform.me/53300890979464

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

    'https://form.jotform.me/', 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;">

    Help

    ? Contact Us </a>

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

    Still form opens as website opens, delayseconds is not working

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

     

    Thanks,

    Nishant

  • Profile Image
    beril
    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
    beril
    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:

    http://www.jotform.com/answers/714211-How-to-make-my-form-auto-and-open-after-15-seconds-

  • Profile Image
    beril
    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.