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:
| [ASP.NET] Defining the Toolstrip |
 Copy Code |
<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.
| [ToolsFile.xml] Defining the Toolstrip |
Copy Code |
|
<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:
| [CSS] Defining the ToolStrip Icon |
Copy Code |
|
<style>
.reToolbar.<skinName> .<commandName>
{
background-image: url(MyImage.gif);
}
</style>
|