Adding icon on the custom tool in RAD Editor

[Sumit]

hi all,

I am using the trial version of the RAD editor. and i am adding a custom tool through the aspx page.

I am able to add the custom button to the RAD editor

code snippet:

<Tools>
    <radControls:EditorToolGroup>
            <radControls:EditorTool Name="CustomToolbutton" />
    </radControls:EditorToolGroup>
</Tools>


Now i want to add a icon to the button.

I tried the following approch as suggested in one of your forum. But doesnt seems to work for me. :(

<style>

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

And the problem is the page is inherited from  master page. So the code can not be added directly on the page

I am worried about the "rade_toolbar"  in the above script. What it is?

Does any one have idea about this. A sample example will be of great help.

[Tervel]

Hi Sumit,

The following online demo demonstrates how to implement a custom tool with an icon.
The demo also goes with the RadControls installation and you can try it locally on your machine as well.
http://demos.telerik.com/aspnet/prometheus/Editor/Examples/CustomTools/DefaultCS.aspx


Best wishes,
Tervel
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.