Kendo React Dialogs - Setting the height dynamically according to the size of the content

1 Answer 313 Views
Dialog
Jason
Top achievements
Rank 2
Iron
Iron
Iron
Jason asked on 03 Mar 2023, 03:40 AM

Greetings,

I'm trying to set the height dynamically according to the size of the content using "height: auto" but it's not working.

I need the text to fit inside the content without exceeding below the actions section.

Is there a way to solve this issue? Please help, thanks!

 

Best Regards,

Jason Li

1 Answer, 1 is accepted

Sort by
0
Accepted
Vessy
Telerik team
answered on 06 Mar 2023, 12:48 PM

Hello, Jason,

Setting `height: auto` to the content wrapper of the dialog is the proper way to size the Dialog based on its content. For convenience, I have prepared a sample where the Dialog's height is set dynamically according to its content, you can test it here:

If comparing your actual setup with the sample above does not help in resolving the issue, please, send me a sample where I can reproduce the problem so I can examine further what is causing it.

Regards,
Vessy
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Dialog
Asked by
Jason
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Vessy
Telerik team
Share this question
or