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 72 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Gabe Sumner
Top achievements
Rank 1
Gabe Sumner asked on 30 Apr 2011, 05:03 PM
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
=================

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 02 May 2011, 07:52 AM
Hi Gabe,

Please, replace

<telerik:EditorDropDown Name="ApplyClass"></telerik:EditorDropDown>
with
<telerik:EditorTool Name="ApplyClass" />

This will fix the problem.

I logged this glitch in our PITS system and our developers will fix it. Here you can find the PITS Issue: Public URL.

Best regards,
Rumen
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Editor
Asked by
Gabe Sumner
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Share this question
or