Form is not displaying correctly on iPhone 6.

I have implemented you script for the Button on m.volksstimme.de. But I have the same problem with my form at an iphone 6. Can you tell me the reason. 

best regards

Christian

Could you please provide the direct link of the form that you're having an issue on your website? At that time, we can assist more properly.

We will wait for your response.

Hi,

thanks for your answer. Here is the direct link of the form

https://form.jotformeu.com/62032998528364

best regards Christian

Hello Christian,

I found your website and checked it on my phone.=) I've encountered the same issue on my end.

To solve that issue, could you please inject the code below on your website?

<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_62002097936354 = new JotformFeedback({ 

formId: '62002097936354', 

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

windowTitle: '', 

background: 'transperent', 

fontColor: '#FFFFFF', 

type: 'false', 

    height: parentHeight,

    width: parentWidth,

openOnLoad: true 

}); 

</script>

If this does not resolve the issue, please let us know and we will be glad to take another look.

Hello Beril,

thanks for your answer. Please excuse my late response. I was on vacation. We will test your code and I will come back to you soon. 

Best regards 

Christian

Hello Christian,

I hope it will work properly.=) Please, test it on your side and let us know the result.

Hello Beril,

wehe have tested your Code but it does not work correctly. What can we do to resolve the issue?

Best regards

Christian

Thank you for trying that and we do apologize about it not working.

I've tested this as well on my end where I am seeing the same problem and it is still cut off.

Please allow us some additional time to look into this some more and we'll try our best to find another feasible solution to update you with as soon as possible.

Hello KadeJM,

thanks for your answer. I hope you can find a solution. I'm looking forward to your feedback.

Best regards 

Christian

Hello Christian,

I realized that the code that I provided you has the wrong ID. Could you also re-embed the code as you see below:

<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 JFL62032998528364 = new JotformFeedback({ 

formId: '62032998528364', 

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

windowTitle: '', 

background: 'transperent', 

fontColor: '#FFFFFF', 

type: 'false', 

    height: parentHeight,

    width: parentWidth,

openOnLoad: true 

}); 

</script>

I hope it will work at this time.

If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

Hi, we have tested but the problem is not fixed. Now we get the following popup on our site. Whats wrong?

Please don't be surprised. On the live page this problem does not occur yet. First of all, we have integrated your code in our test system. but on this there is no access from outside

Would you mind sharing us your test website? This way, we can check it from there. Our lightbox embed method is not yet responsive, but the codes given by my colleague should auto adjust your form on mobile devices. 

Your website seems to be using a framework, is there no way you can use a different lightbox script which is responsive? 

ok, here ist the adress from our test-site

http://madev.publicus.com/

Username: test

PW: test

so please take al look and give me a sign. 

Many thanks

Christian

As per checking, the script that my colleague has given automatically opens the form lightbox upon load on a mobile screen size. However, it seems that you have not yet updated the form ID on the script so it shows a different form.The first script of my colleague has a wrong form ID in it. Can you try to re-embed the code using the code below with the correct form ID?

<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 JFL62032998528364 = new JotformFeedback({ 

formId: '62032998528364', 

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

windowTitle: '', 

background: 'transperent', 

fontColor: '#FFFFFF', 

type: 'false', 

    height: parentHeight,

    width: parentWidth,

openOnLoad: true 

}); 

</script>

Hi, many thanks, now it works.

Best regards.

Christian

Hello, sorry we have tested it again. and it does NOT work. Actually automatically opens the form lightbox upon load on a mobile screen size. Please send me a script, that works. The Lightbox should open if user taps on the feedback Button.

Please replace the current code with the code below to make sure that the lightbox will only open if the user taps the feedback button.

<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 JFL62032998528364 = new JotformFeedback({ 

formId: '62032998528364', 

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

windowTitle: '', 

background: 'transperent', 

fontColor: '#FFFFFF', 

type: 'false', 

    height: parentHeight,

    width: parentWidth,

openOnLoad: false

}); 

</script>

If the issue persists, please let us know.
Regards.

Hello, we have inserted the script on our testsite under m.madev.publicus.com, but now the Feedback Button is not shown. Any ideas?

I've attempted to take a look at this again for you but, it seems your testsite is hidden since I am unable to access it to check on this problem further.

Are you able to make it live for us to investigate this more?

username: test

pw: test

I checked the site (http://m.madev.publicus.com/) on an iPhone 6 emulator and I was able to see the issue. The feedback button is not displayed on iPhone but on the website button is displayed on left.

Mobile:

Website:

Can you try the following script and see if the feedback button will show on iPhone mobile?

<script src="https://form.jotform.com/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;

    }

    new JotformFeedback({ formId: "62032998528364", buttonText: "Ihr Feedback", base: "https://form.jotformeu.com/", background: "#00adef", fontColor: "#ffffff", buttonSide: "left", buttonAlign: "top", type: 2, width: parentWidth, height: parentHeight }); 

    </script>