[Solved] Custom Button not showing up

[John]

Hello there, when I add a custom button it shows up for the default skin, but when I change my sking to WebBlue, it does not show up.  Any ideas?

Herre is my style sheet: Default works, but WebBlue does not.

.rade_toolbar.Default .IESpell

{

background-image: url(http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/CustomDialog.gif);

}

.rade_toolbar.WebBlue .IESpell

{

background-image: url(http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/CustomDialog.gif);

} 

This One WOrks:

<telerik:RadEditor ID="ContentBody" runat="server" ToolsFile="/Scripts/ToolsFile.xml" OnClientLoad="OnClientLoad" Width="700px" Height="345px">

</telerik:RadEditor>

This One Doesn't Work

<telerik:RadEditor ID="ContentBody" runat="server" ToolsFile="/Scripts/ToolsFile.xml" Skin="WebBlue" SkinID="WebBlue" OnClientLoad="OnClientLoad"

Width="700px" Height="345px">

 

</telerik:RadEditor>

 

[Rumen]

Hello John,

Please, set the !important attribute after the value of the background-image css property:

<style>
.rade_toolbar.WebBlue .IESpell
{
    background-image: url(http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/CustomDialog.gif) !important;
}
</style>

...

<telerik:RadEditor ID="ContentBody" runat="server" Skin="WebBlue"  Width="700px" Height="345px">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorTool Name="IESpell" />
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>


This will display the custom button icon.

Kind regards,
Rumen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[John]

Great thanks for the help.