How to resize forms embedded in Google Sites?

Hello, I have an issue with the mobile version of the jotform in google sites. I'm not sure if the form scales depending on the platform but I am unable to see the green button in mobile mode. Can you please help me optimize for mobile and possibly get rid of the scroll bar as well?

Hi Jimmy,

Thanks for reaching out to Jotform Support. I understand the issue, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

We appreciate your patience while we work on a solution.

Hi Jimmy,

Thanks for your patience and understanding, we appreciate it. I’m sorry you're having difficulties with this. I cloned your form and tested it to see if I could replicate the issue, and I ran into the same issue. After investigating it a bit, I found a solution. You need to manually resize the embedded form on the Google Sites builder page. Let me show you how to do it:

First, let's copy the correct embed code for your form, and paste it inside the Google Sites embed field:

1. In Form Builder, click on Publish in the orange navigation bar at the top of the screen, and in the menu that opens on the left side of the page, click on Platforms.
2. Click on Google Sites.

3. Click on Copy Code.

4. In Google Sites builder page, click on Embed, and click on the Embed Code tab.
5. Paste your embed code in the field, and click on Next.
6. Click on Insert.

Now, let's resize the form to make it accessible:

1. Hover your mouse over the blue dot on the right side of the form, and drag it to reduce the width of the form.
2. Hover your mouse over the blue dot below the form, and drag it to increase the height of the form.

That's it. Let us know if you have any other questions.

I followed the instructions above however it seems that the jotform ad may be covering the start button. I extended the length as much as possible to no avail.

Hi Jimmy,

Thanks for getting back to us. I checked the form on my mobile device using its direct link and everything is working fine the way it was supposed to. Therefore, we can conclude that the issue only happens when the form is embedded on your Google site. Can you please try to embed the form using it iframe code below to see if that would make any difference?

  <iframe

id="JotFormIFrame-241134061334039"

title="Slide Intake"

onload="window.parent.scrollTo(0,0)"

allowtransparency="true"

allow="geolocation; microphone; camera; fullscreen"

src="https://form.jotform.com/241134061334039"

frameborder="0"

style="min-width:100%;max-width:100%;height:539px;border:none;"

scrolling="yes"

>

</iframe>

<script src='https://form.jotform.com/s/umd/latest/for-form-embed-handler.js'></script>

<script>window.jotformEmbedHandler("iframe[id='JotFormIFrame-241134061334039'", "https://form.jotform.com/")</script>

Give it a try and let us know how it goes.