I have been having difficulty getting my custom styles to apply to the Paragraph Styles dropdown in the RadEditor control within a Sitefinity website.
I have declared my H1, H2, H3, H4 styles in an external stylesheet in ~/Sitefinity/Admin/ControlTemplates/radeditor.css.
I have also added those same H1, H2, H3, H4 styles to the ~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/EditorCssFile.css file.
In the ~/Sitefinity/Admin/ControlTemplates/EditorToolsFile.xml, I have added the following:
<cssFiles> |
<item name="~/Sitefinity/Admin/ControlTemplates/radeditor.css" /> |
</cssFiles> |
<paragraphs> |
<paragraph name="Normal" value="<p>" /> |
<paragraph name="<H1>Heading 1</H1>" value="<H1>" /> |
<paragraph name="<H2>Heading 2</H2>" value="<H2>" /> |
<paragraph name="<H3>Heading 3</H3>" value="<H3>" /> |
<paragraph name="<H4>Heading 4</H4>" value="<H4>" /> |
</paragraphs> |
I even added the .reDropDownBody h1, .reDropDownBody h2, .reDropDownBody h3, and .reDropDownBody h4 styles to both the ~/Sitefinity/Admin/ControlTemplates/radeditor.css and the ~/Sitefinity/Admin/Themes/Default/AjaxControlsSkins/Sitefinity/EditorCssFile.css files, as recommended in this thread.
The styles are applied appropriately to the window of the editor, but not to the dropdown. (See attached images.)
What am I missing?
Thanks for your help.