Answered

Popover React Library Height

  • 2 October 2023
  • 4 replies
  • 49 views

Badge

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. 

icon

Best answer by mathio 5 October 2023, 12:12

View original

4 replies

Userlevel 7
Badge +5

@mathio may be able to help you with this!

Userlevel 7
Badge +5

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>

 

Badge

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? 

Userlevel 7
Badge +5

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

Reply