Custom class for Kendo editor

4 posts, 0 answers
  1. Balaji
    Balaji avatar
    12 posts
    Member since:
    Sep 2015

    Posted 25 Sep 2015 Link to this post

    The example uses Kendo UI Version 2.902.  

    I am trying to set the width and height of the kendo editor.I had a custom css class and I tried to add a css class like this.

      <textarea kendo-editor class='colorful'  k-ng-model="html"></textarea><textarea kendo-editor  k-ng-model="html"></textarea>​

     

    It did not work. some more research told that I should have the class name as .k-editor o .k-editor-inline. That too did not work.

    Say in my application I have different Kendo editors and each of the editor will have different width or height, how do I do that if I modify the common class like .k-editor or .k-editor-inline?

    This is the Dojo.

    http://dojo.telerik.com/epAbO/4

     

    Thanks.

     

     

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2594 posts

    Posted 29 Sep 2015 Link to this post

    Hi Balaji,

    The easiest way to achieve this is using the style attribute. For your convenience here is the updated example.

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. Balaji
    Balaji avatar
    12 posts
    Member since:
    Sep 2015

    Posted 29 Sep 2015 in reply to Iliana Nikolova Link to this post

    Thanks Iliana. Is there any way I can avoid inline css. We are trying to avoid using inline css and have everything as a css class. Is there any way I can do that?
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2594 posts

    Posted 01 Oct 2015 Link to this post

    Hi Balaji,

    You could use additional JavaScript in the kendoRendered event to set width to Kendo UI Editor. Take a look at the updated dojo.

    Regards,
    Iliana Nikolova
    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