The form is not useful on mobile | Community
Skip to main content
Answered

The form is not useful on mobile


https://sites.google.com/view/charangaelequipoa/inicio

https://sites.google.com/view/charangaelequipoa/contacto

 

The form below is not quite useful on Mobile. The button “aceptar” fills all the screen and it is hard to find the boxes to text in. How can I make this button smaller or eliminate it working only with arrows?

 

Best answer by mathio-tf

I think the form would look nicer if you could set a higher height on both the embed and the HTML element containing your form. You need to do this in your website builder.

View original

7 replies

  • Author
  • Explorer
  • 3 replies
  • August 23, 2024

And I'd like not to have to do scroll on mobile


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15025 replies
  • August 26, 2024

@picsoung or @mathio do either of you happen to have any fancy solutions that may help with this? It looks like the right typeform code, so I’m guessing it might be something with Google Sites. 


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • Answer
  • August 28, 2024

I think the form would look nicer if you could set a higher height on both the embed and the HTML element containing your form. You need to do this in your website builder.


  • Author
  • Explorer
  • 3 replies
  • August 30, 2024

Thanks, buy can't do it on Google sites. I can set a higher box but the form doesn't look nice on laptop. And I can't modify the html code


Liz
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15025 replies
  • August 30, 2024

Hm, do you mind sharing how you’re adding the code to your Google site, @orteguilla ? Any screenshots would be handy!


  • Author
  • Explorer
  • 3 replies
  • September 1, 2024

Fitst of all, thanks!

 

I’ve tried two different ways to add the code:

WAY 1:

  1. Copy link on typeform.

  • In this way i’ve tried both, full screen and preview.

WAY 2: EMBEBED CODE 

  1. I’ve tried the first 2 options
  2. I copy the code

  3. And paste it on Google Sites

  1.  


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • September 2, 2024

I suggest to go with “way 2” and use “standard” option (1st) when configuring your embed on Typeform share page.

Unfortunately I have no experience using Google Sites. I am afraid you will need to set higher box height. Alternatively you might be able to leverage the “full screen on mobile” feature where the embedded form (using “way 2”) is opened in full screen modal window over your website.

 


Reply