Is it possible to give the HTML Editor a resize grip?

[Uwe]

Successfully using the HTML Editor, I would like to give my users the ability to resize the editor window (like shown in the attachment scribble).



My question:

Is it possible to turn on this functionality or simulate it in some way (maybe something with splitter?)

[Alex Gyoshev]

Hello Uwe,

This functionality is not currently supported out of the box, but you can achieve it through the kendo draggable. Here is a jsBin that shows how.

Regards,
Alex Gyoshev
Telerik

[Uwe]

That's phantastic Alex, thanks a lot!

It looks a bit strange when having a scrollbar visible; as a start to further adjust to my needs, that is really just what I wanted.

Thanks again
Uwe

[Shaun]

Hmm the jsbin works great in chrome, but not at all in IE or FF (latest of each).  

Any cross browser solution?

[Dimo]

Hi Shaun,

Here is it:

http://jsbin.com/gadokuzu/1/edit

There were two issues with the first demo:

1. Some browsers don't like absolutely positioned elements inside table elements and display them in the wrong place. This required an additional Editor parent <div> (with a position:relative style), which will hold the resize handle and the overlay.

2. Internet Explorer 10 did not provide e.clientY as mousemove event argument, so a different route was taken for this case.

Regards,
Dimo
Telerik

[Shaun]

Hi Dimo,

Thanks!  It doesnt seem to work in IE11 though...

-Shaun

[Alex Gyoshev]

Hello Shaun,

This problem is fixed in the latest builds. Here's the snippet with the latest release.

Regards,
Alex Gyoshev
Telerik

[Dimo]

Hi all,

Here is an update, which enhances the example in three ways:

1. Horizontal resizing is implemented.
2. Multiple Editors are supported.
3. The Javascript code is refactored, so that it can be reused more easily when using server-side wrappers.

http://trykendoui.telerik.com/@dimodi/Ehas

Regards,
Dimo
Telerik