External CSS styles don't appear in the ApplyClass dropdown

2 posts, 0 answers
  1. Gabe Sumner
    Gabe Sumner avatar
    10 posts
    Member since:
    Sep 2007

    Posted 30 Apr 2011 Link to this post

    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
    =================
  2. Rumen
    Admin
    Rumen avatar
    12849 posts

    Posted 02 May 2011 Link to this post

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top