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

Rad Editor Apply CSS Issue

1 Answer 15 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Sumit
Top achievements
Rank 1
Sumit asked on 11 Sep 2013, 10:36 AM
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

1 Answer, 1 is accepted

Sort by
0
Ianko
Telerik team
answered on 13 Sep 2013, 04:25 PM
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:

Regards,
Ianko
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Editor
Asked by
Sumit
Top achievements
Rank 1
Answers by
Ianko
Telerik team
Share this question
or