Answered

Responsive font and element size

  • 16 June 2022
  • 4 replies
  • 355 views

Hi

When I embed the form on my site and looking it through mobile, elements inside are too big in some questions, which causes a scroll bar to appear in the iframe.

Is there an option to responsively change the sizes of elements in the form? Perhaps using custom CSS?

 

Thank you

icon

Best answer by mathio 16 June 2022, 12:05

View original

4 replies

Userlevel 7
Badge +5

Hi @guym88 

there is no option to modify elements inside the form.

However you can auto-resize your embedded typeform size to always fit your currently displayed question. More details in my blog post: https://medium.com/typeforms-engineering-blog/whats-new-in-typeform-embed-sdk-82de8c9977de#9a5a

Hi @guym88,

The blog post isn’t available anymore. Could you check it?

Thank you,

Userlevel 7
Badge +5

Hi @Tuyet Than 

I can see the blog post just fine. What do you see when you try to view it? Can you access medium.com?

If you can not see it, maybe this demo page with auto resize feature will help you: 
https://codesandbox.io/s/github/Typeform/embed-demo/tree/main/demo-html/widget-autoresize

@mathio Thank you! I can access the codesandbox.io

Reply