Skip to main content
Answer

Popover React Library Height

  • October 2, 2023
  • 4 replies
  • 104 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

4 replies

Liz
Ex–Typefomer
Forum|alt.badge.img+5
  • Tech Community Advocate
  • October 2, 2023

@mathio may be able to help you with this!


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • October 3, 2023

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
  • October 4, 2023

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
  • October 5, 2023

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