Auto re-size Kendo Editor Height

7 posts, 0 answers
  1. Mark
    Mark avatar
    4 posts
    Member since:
    Jul 2012

    Posted 15 Oct 2012 Link to this post

    Currently in my application, all textareas auto-resize (vertically) as content is added. We use the opensource jquery.autogrow-textarea.js to auto-resize all textarea by simply using the code:

    $('textarea').autogrow();

    However Kendo Editor does not autogrow as we require. How can I make editor to auto grow as users enter more content? I think Telerik Ajax editor has a similar function? 

    Kindly help me with this if there is any solution to this. Thank you.
       
  2. JohnVS
    JohnVS avatar
    76 posts
    Member since:
    Apr 2013

    Posted 10 Jun 2013 Link to this post

    This is a great question. Mark, did you ever get an answer or find a solution for this?
  3. Kendo UI is VS 2017 Ready
  4. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 11 Jun 2013 Link to this post

    This feature will be part of the inline editor functionality scheduled for 2013.Q2. You will be able to initialize the editor from a contentEditable <div>, which will grow automatically as content is inserted.
     

    Regards,
    Alex Gyoshev
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Shehab
    Shehab avatar
    8 posts
    Member since:
    Mar 2014

    Posted 21 Aug 2014 in reply to Alex Gyoshev Link to this post

    Good morning,
    Have this been implemented? What are the control properties that need to be adjusted to apply auto resize?
    Thanks,
    Shehab
  6. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 22 Aug 2014 Link to this post

    Hello Shehab,

    Yes, see the inline editing demo. If you need this functionality for the sandboxed editor, I'm afraid that it is not available, nor scheduled.

    Regards,
    Alex Gyoshev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  7. Shehab
    Shehab avatar
    8 posts
    Member since:
    Mar 2014

    Posted 25 Aug 2014 in reply to Alex Gyoshev Link to this post

    Thank you Alex, would it be possible to frame the Inline Editor just to friendly indicate it is a text box?
    Thanks,
    Shehab
  8. Alex Gyoshev
    Admin
    Alex Gyoshev avatar
    2500 posts

    Posted 25 Aug 2014 Link to this post

    Hello Shehab,

    You can apply any styling to the inline editor element, directly in the page, for example:

    #editor { border: 3px solid #000 }

    Regards,
    Alex Gyoshev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready