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

    how can i make my form responsive?

    Asked by trainings24x7 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

    Page URL:
    http://trainings24x7.com

    form responsive Make how how can i
  • Profile Image
    JotForm Support

    Answered by beril 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
    JotForm Support

    Answered by beril 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
    JotForm Support

    Answered by beril 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.