how can i make my form responsive?

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

Page URL: http://trainings24x7.com
beril JotForm UI Developer

Replied on November 30, 2015 at 9: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.
beril JotForm UI Developer

Replied on November 30, 2015 at 9: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-
beril JotForm UI Developer

Replied on November 30, 2015 at 2: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.