RadEditor for ASP.NET AJAX
Contents
RadControls for ASP.NET AJAX

ToolStrips are useful dropdowns that contain a group of tools with related functionality and can be a very convenient means of arranging tools used in the editor. An example of a simple ToolStrip with a group of alignment tools is shown below:

 

CopyASPX
<style>
    .reToolbar.Default .MyToolStrip
    {
        background-image: url(http://www.telerik.com/DEMOS/ASPNET/RadControls/Editor/Skins/Default/buttons/Custom.gif);
    }
</style>
...
<telerik:RadEditor runat="server" ID="RadEditor1">
    <Tools>
        <telerik:EditorToolGroup>
            <telerik:EditorToolStrip Name="MyToolStrip">
                <telerik:EditorTool Name="JustifyLeft" />
                <telerik:EditorTool Name="JustifyCenter" />
                <telerik:EditorTool Name="JustifyRight" />
            </telerik:EditorToolStrip>
        </telerik:EditorToolGroup>
    </Tools>
</telerik:RadEditor>

You can also create a toolstrip via the ToolsFile.xml file, e.g.

CopyXML
<editortoolstrip name="Apply Formatting">  
    <EditorTool Name="Bold" />  
    <EditorTool Name="Italic" />  
    <EditorTool Name="Underline" />
</editortoolstrip>

In order to apply an image to be used as the ToolStrip icon, you need to set a style with the following structure:

CopyXML
<style>
    .reToolbar.<skinName> .<commandName>
    {    
        background-image: url(MyImage.gif);
    }
</style>