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

External CSS styles don't appear in the ApplyClass dropdown

1 Answer 103 Views

Editor

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

Gabe Sumner asked on 30 Apr 2011, 05:03 PM

radeditor-empty-css.png

I cannot seem to coax RadEditor into adding custom styles to the ApplyClass dropdown. [See attached image]

Here is what I'm using for RadEditor:

<telerik:RadEditor ID="RadEditor1" runat="server" Skin="Telerik">

<CssFiles>

<telerik:EditorCssFile Value="~/Styles/editor.css" />

</CssFiles>

<CssClasses>

<telerik:EditorCssClass Name="Sample" Value=".sample" />

</CssClasses>

<Tools>

<telerik:EditorToolGroup Tag="Formatting">

<telerik:EditorTool Name="Bold" />

<telerik:EditorTool Name="Italic" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorDropDown Name="FormatBlock">

</telerik:EditorDropDown>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorDropDown Name="ApplyClass">

</telerik:EditorDropDown>

</telerik:EditorToolGroup>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="InsertUnorderedList" />

<telerik:EditorTool Name="InsertOrderedList" />

<telerik:EditorSeparator />

<telerik:EditorTool Name="Outdent" />

<telerik:EditorTool Name="Indent" />

</telerik:EditorToolGroup>

<telerik:EditorToolGroup Tag="MainToolbar">

<telerik:EditorSplitButton Name="Undo">

</telerik:EditorSplitButton>

<telerik:EditorSplitButton Name="Redo">

</telerik:EditorSplitButton>

<telerik:EditorSeparator />

<telerik:EditorTool Name="Cut" />

<telerik:EditorTool Name="Copy" />

<telerik:EditorTool Name="Paste" ShortCut="CTRL+V" />

</telerik:EditorToolGroup>

</Tools>

<Content></Content>

</telerik:RadEditor>

And here is the referenced Editor.css file (shown above):

body

{

background: #ffffff;

}

.sample

{

color: Red;

}

Does anyone see why this won't work?

Gabe
=================

External CSS styles don't appear in the ApplyClass dropdown

1 Answer, 1 is accepted