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

Custom class for Kendo editor

3 Answers 524 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Balaji
Top achievements
Rank 1
Balaji asked on 25 Sep 2015, 04:26 PM

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.

 

 

3 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 29 Sep 2015, 09:01 AM
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!
 
0
Balaji
Top achievements
Rank 1
answered on 29 Sep 2015, 12:51 PM
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?
0
Iliana Dyankova
Telerik team
answered on 01 Oct 2015, 12:19 PM
Hi Balaji,

You could use additional JavaScript in the kendoRendered event to set 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!
 
Tags
Editor
Asked by
Balaji
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Balaji
Top achievements
Rank 1
Share this question
or