Skip to main content
Answered

Popover React Library Height

  • Oct 2, 2023 6:42 PM UTC
  • 4 replies
  • 168 views

Forum|alt.badge.img

Hey There,

Is it possible to change the height of the popover using the react library components? The standard one makes it hard to read when choosing long multiple choice questions. 

Best answer by mathio-tf

I think it should be possible to do like this:

<Popover id={formId} height={600} />

You can try it yourself on CodeSandbox with our demo here: 
https://github.com/Typeform/embed-demo

View original

4 replies

Liz
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • Oct 2, 2023 10:16 PM UTC

@mathio may be able to help you with this!


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • Oct 3, 2023 8:06 AM UTC

Hello @Momentors 

if you are using the embed SDK directly you can use a data-tf-height option.

The embed code would something like this:

<div data-tf-popover="<form-id>" data-tf-height="600"></div>
<script src="//embed.typeform.com/next/embed.js"></script>

 


Forum|alt.badge.img
  • Author
  • Explorer
  • Oct 4, 2023 7:22 PM UTC

Hello @Momentors 

if you are using the embed SDK directly you can use a data-tf-height option.

The embed code would something like this:

<div data-tf-popover="<form-id>" data-tf-height="600"></div>
<script src="//embed.typeform.com/next/embed.js"></script>

 

Thank you for the feedback. Is there a way to do it with the typeform react component? 


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • Answer
  • Oct 5, 2023 10:12 AM UTC

I think it should be possible to do like this:

<Popover id={formId} height={600} />

You can try it yourself on CodeSandbox with our demo here: 
https://github.com/Typeform/embed-demo