Telerik RadToolBar has child controls which define its structure items. These controls are as follows:
- radtoolbarbutton - defines the regular buttons on the toolbar.
- radtoolbartogglebutton - defines the toggle buttons on the toolbar.
- radtoolbarseparator - defines the separators which mark off the different button groups.
- radtoolbartemplatebutton - reserves a place on the toolbar to add templated content.
Examples
Regular buttons:
| |
 Copy Code |
|
<rad:radtoolbar runat="server" id="Radtoolbar1" skin="Office2003" UseFadeEffect="True">
<items>
<rad:radtoolbarbutton AccessKey="n" Tooltip="New (Alt+N)" CommandName="New" />
<rad:radtoolbarbutton AccessKey="o" Tooltip="Open (Alt+O)" CommandName="Open" />
<rad:radtoolbarbutton AccessKey="s" Tooltip="Save (Alt+S)" CommandName="Save" />
</items>
</rad:radtoolbar> |
Toggle buttons:
| |
Copy Code |
|
<rad:radtoolbar runat="server" id="Radtoolbar2" skin="Office2003" UseFadeEffect="True">
<items>
<rad:radtoolbartogglebutton id="button_bold" Toggled="True" Tooltip="Bold" CommandName="bold" ButtonText="Bold" ButtonImage="bold.gif" />
<rad:radtoolbartogglebutton id="button_italic" Tooltip="Italic" CommandName="italic" ButtonText="Italic" ButtonImage="italic.gif" />
<rad:radtoolbartogglebutton id="button_undeline" Toggled="True" Tooltip="Underline" CommandName="underline" ButtonText="Underline" ButtonImage="underline.gif" />
<rad:radtoolbarseparator/>
<rad:radtoolbartogglebutton AccessKey="l" Tooltip="Align Left (Alt+L)" ButtonGroup="Alignment" CommandName="alignLeft" />
<rad:radtoolbartogglebutton AccessKey="c" Toggled="True" Tooltip="Align Center (Alt+C)" ButtonGroup="Alignment" CommandName="Center" />
<rad:radtoolbartogglebutton AccessKey="r" Tooltip="Align Right (Alt+R)" ButtonGroup="Alignment" CommandName="alignRight" />
<rad:radtoolbartogglebutton AccessKey="j" Tooltip="Justify (Alt+J)" ButtonGroup="Alignment" CommandName="Justify" />
</items>
</rad:radtoolbar> |
Templated buttons:
| |
Copy Code |
|
<rad:radtoolbar runat="server" id="Radtoolbar4" skin="Office2003" UseFadeEffect="True">
<items>
<rad:radtoolbarbutton DisplayType="ImageOnly" AccessKey="n" Tooltip="New (Alt+N)" CommandName="New"/>
<rad:radtoolbartemplatebutton>
<ButtonTemplate>
<select>
<option>Template</option>
</select>
</ButtonTemplate>
</rad:radtoolbartemplatebutton>
</items>
</rad:radtoolbar> |