Hello Paul,
It looks you have followed all the necessary steps to enable and populate the
Apply Css Class dropdown. Most probably, clearing the browser cache and cookies will do the trick.
If this does not help, please make sure you have followed these steps:
1. Enable
Apply Css Class tool
in the ~/Sitefinity/Admin/ControlTemplates/EditorToolsFile.xml:
<tool name="ApplyClass" />
2. Add your styles to ~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/EditorContentArea.css in
order to set them for the editor content area.
3. Add your styles to the external .css file and specify the path to it in the ~/Sitefinity/Admin/ControlTemplates/Generic_Content/EditorTemplate.ascx like this:
<CssFiles>
<telerik:EditorCssFile Value="~/Editor.css" />
</CssFiles>
4. Populate the classes collection in the
~/Sitefinity/Admin/ControlTemplates/EditorToolsFile.xml, e.g.:
<classes>
<class name="Subtitle" value=".subtitle" />
<class name="Custom class" value=".custom" />
</classes>
The steps above should ensure your styles appear in the dropdown in the
Generic Content public control and the
Generic Content module.
To do the same for other modules, you need to edit the
CssFiles property in the
ControlPanelInsert.ascx and
ControlPanelEdit.ascx templates for the respective module. These are located in the
~/Sitefinity/Admin/ControlTemplates/[Name_of_Module] folder.
For more information about CSS styles with RadEditor for ASP.NET Ajax, see this help article:
http://www.telerik.com/help/aspnet-ajax/cssstyles.html
Do not hesitate to contact us if you need any further assistance.
Greetings,
Rebecca
the Telerik team