Popover React Library Height | Community
Skip to main content
Answered

Popover React Library Height


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
Community Team
Forum|alt.badge.img+5
  • Tech Community Advocate
  • 15035 replies
  • October 2, 2023

@mathio may be able to help you with this!


mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • 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
  • 8 replies
  • October 4, 2023
mathio wrote:

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
  • 888 replies
  • 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


Reply