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

8 posts, 1 answers
  1. Uwe
    Uwe avatar
    10 posts
    Member since:
    Mar 2008

    Posted 19 Aug 2013 Link to this post

    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?)
  2. Answer
    Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 21 Aug 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Uwe
    Uwe avatar
    10 posts
    Member since:
    Mar 2008

    Posted 21 Aug 2013 Link to this post

    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
  5. Shaun
    Shaun avatar
    16 posts
    Member since:
    Jul 2012

    Posted 26 Feb 2014 Link to this post

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

    Any cross browser solution?
  6. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 27 Feb 2014 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  7. Shaun
    Shaun avatar
    16 posts
    Member since:
    Jul 2012

    Posted 02 Mar 2014 in reply to Dimo Link to this post

    Hi Dimo,

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

    -Shaun
  8. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 03 Mar 2014 Link to this post

    Hello Shaun,

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

    Regards,
    Alex Gyoshev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  9. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 07 Apr 2014 Link to this post

    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
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET MVC is VS 2017 Ready