[Solved] Case sesitive css class in tools file and chrome

[Ivan]

Hello,

I have the following scenario:
1. in the editor css file:

a.lightBox-link {
color:Red;
}

2. in the toolsfile.xml:

<classes>
<class name="Lightbox Link" value="a.lightBox-link" />
</classes>

3. Now open the editor in chrome (v. 26.0.1410.64) and check the ApplyCssClass drop down - it does not contain Lightbox Link. But it works fine in IE9
If I change the toolsfile.xml content to value="a.lightbox-link" (lowercase b) then it works in chrome but not in IE.

Does the editor treats css class names as case sensitive?
Can this be fixed?

[Dobromir]

Hello Ivan,

This problem is not directly related to RadEditor but is a bug in the Chrome browser. Unfortunately, we are not aware of any stable workaround for the problem.
https://code.google.com/p/chromium/issues/detail?id=67782&q=commentby%3Ablizzard&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary%20OS%20Modified

Could you please try to configure the editor to utilize DIV as a content area (set ContentAreaMode property to Div) and see if the problem still occurs?

All the best,
Dobromir
the Telerik team

[Ivan]

If I set ContentAreaMode="Div" for the RadEditor control then ApplyCss drop down becomes empty.

[Dobromir]

Hi Ivan,

The only case where the ApplyClass drop down will not be populated with classes is if the you load CSS files using <CssFiles> inner tag due to a limitation of the Div - Mode of RadEditor - control cannot load external CSS files for its content area when ContentAreaMode is set to Div.

Could you please provide more detailed information regarding your specific scenario so we can try to provide a suitable solution for this issue?

All the best,
Dobromir
the Telerik team