Custom class for Kendo editor

[Balaji]

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.

 

 

[Iliana Dyankova]

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

 

 

[Balaji]

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?

[Iliana Dyankova]

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