- NpedronanAsked on April 25, 2017 at 11:56 PM
I am having a major issue. When people share/look at my webpage on FB Mobile app my Jotform is cut off and people are unable to see the entire form. This is a BIG issue as a lot of our customers use mobile. Is there a way to fix this? if not I may have to use another form app.
- JotForm SupportNik_CAnswered on April 26, 2017 at 03:39 AM
Could you please try embedding your form by using the iFrame embed method, here is the code:
<iframe id="JotFormIFrame-71151691784158" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/71151691784158" frameborder="0" style="width:100%; height:0px; border:none;" scrolling="no"> </iframe>
Also, I understood that the issue persists on FB right? Could you please provide the URL so we can check?
We'll wait for your response.
- NpedronanAnswered on April 26, 2017 at 03:51 AM
That code above does not work the form shows up black on my page. I have tried using the iFrame embed option with no luck.
Also i just confirmed that my jotform does not scroll EITHER when viewing my website in Facebook (my website is shared in a post) and it is also not scrollable when viewed in a regular browser on my iPhone. I also had a 3rd party check on their phone with the same issue with scrolling. This means the issue I am having is most likely with Jotform vs my website builder or something else.
Some Solutions i've tried per previous forums:
I have tried increasing the height (example: height:1878px) and changed "scrolling="yes""
I changed the theme to a "mobile optimized theme"
"Make this form responsive" is selected"
- NpedronanAnswered on April 26, 2017 at 03:52 AM
My website link: http://www.insiderecruiter.com/get-started-.html
The Facebook post is in a private group so I am unable to share
- JotForm SupportNik_CAnswered on April 26, 2017 at 04:34 AM
I checked your web page's source code and this problem is actually related to the code of the web page and not the for itself. You have two divs that are overlapping the form and that's why the form is not showing fully:
First one is this:
And the second one is this one:
When I increased the height of those two elements form showed fine.
Please try checking your code and let us know how it worked.
- NpedronanAnswered on April 26, 2017 at 04:55 AM
I am unable to increase those elements. I am using GoDaddy website builder and i do not have the option for adjusting those elements if that is the issue. I was able to use other forms in the past with no issue.
Is there a way to do that using the Jotform code:
- JotForm SupportNik_CAnswered on April 26, 2017 at 05:15 AM
As I said in your other thread, you can try embedding by using the below code where height is decreased and scrolling is on:
<iframe id="JotFormIFrame-71151691784158" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.us/71151691784158" frameborder="0" style="width:100%; height:1200px; border:none;" scrolling="auto"> </iframe>
Let us know how it worked.