This is a migrated thread and some comments may be shown as answers.

Flex and Kendo-Editor vertical overflow

2 Answers 149 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Ufficio Acquisti
Top achievements
Rank 1
Ufficio Acquisti asked on 24 Feb 2016, 10:34 AM

Hi,

i created a layout using flex as you can see in

http://dojo.telerik.com/AqUge/8

than i fil first panel with a kenfo-editor, i hope to stretch vertically along panel height, but the editor overflow panel height and passing over, hide part of the big panel on the bottom.... where the mistake?

Thanks a lot

Lee
Top achievements
Rank 2
Bronze
Bronze
Bronze
commented on 23 May 2022, 05:20 PM

I am having a similar problem with Kendo UI Jquery editor in inline mode (generated from a div). The container is a flex box where the text editor is on the left and a button is on the right. The editor portion keeps resizing to 100% with an inline style which causes it to overflow the parent div. 
Ianko
Telerik team
commented on 25 May 2022, 05:47 AM

Can you please provide a dojo example to check the exact issue that you experience with the inline mode? 

2 Answers, 1 is accepted

Sort by
0
Ufficio Acquisti
Top achievements
Rank 1
answered on 24 Feb 2016, 10:54 AM

I forgot to say if you leave empty tools and consider blu header height (15px) inside the table.k-editor css everytihing is ok...

http://dojo.telerik.com/AqUge/12

it'seems like scrolling system doesn't consider editor header height

0
Ianko
Telerik team
answered on 26 Feb 2016, 07:32 AM
Hello,

Because of the Classic mode iframe is rendered that cannot be rendered with less than 250px height. Therefore, you should decorate the editor's table and the iframe to get the editor's size to fit the expected width. 

Here you are an example—http://dojo.telerik.com/AqUge/13.

Regards,
Ianko
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Editor
Asked by
Ufficio Acquisti
Top achievements
Rank 1
Answers by
Ufficio Acquisti
Top achievements
Rank 1
Ianko
Telerik team
Share this question
or