Rad Editor Apply CSS Issue

[Sumit]

Hello,
I am using a Rad Editor control on my webpage. I am using custom CSS file to populate the styles classes in "Apply CSS" drop down. The issue i am facing is IE specific. In my CSS file i have some classes defined as

h3,.style1{
font-weight: bold;
font-size: 14px;
color: #000000;
}

This works fine in all browsers except in IE, it displays two classes :-
style1 - this refers to h3,.style1
style1 - this refers to .style1

Please let me know how can i fix this.

Thanks
Sumit

[Ianko]

Hello Sumit,

Currently the Apply CSS Class tool is using browser's logic to populate the classes container of the RadEditor control.

Because of this fact that this logic is implemented in the browser's core there is no available approach for us to control this behavior. 

Currently I can suggest that you use separate CSS rules for each desired class name. This way the browser will populate only the selectors with class name. 

Please follow this example, which would work fine in all major browsers: 

h3{
 font-weight: bold;
 font-size: 14px;
 color: #000000;
 }

.style1{
 font-weight: bold;
 font-size: 14px;
 color: #000000;
 }

This CSS configuration will populate the dropdown only with one class name (.style1).

Please follow these articles for more information:

• External CSS Files;
• CSS Styles;

Regards,
Ianko
Telerik