Multiple ToolBars

Table of Contents

Introduction
What's New
Changes and backward compatibility
General Features
Standards Compliance
ASP.NET 2.0 Features
Licensing
Installation and deployment
Telerik RadToolBar Overview
Defining the ToolBars Structure
- Data Binding
- Defining the Structure Programmatically
- Defining the Structure through XML
- Multiple ToolBars
- Toggle Button Groups
Customizing Appearance
Design-Time Support
AJAX Support
Telerik RadToolBar Client-Side
Telerik RadToolBar Server-Side
Interoperability with other controls
Example Scenarios (How to)
Troubleshooting
API Reference
Get more help

Multiple ToolBars

Defining the ToolBars Structure > Multiple ToolBars

Glossary Item Box

Telerik RadToolBar is written using object oriented javascript and can accommodate unlimited amount of instances on the same page without interference. Furthermore, events such as keyboard shortcuts are properly processed by all instances and are also accessible to third party components.

Example

Multiple ToolBars

Copy Code

<rad:radtoolbar runat="server" id="Radtoolbar1" skin="macOS" 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" />
       <rad:radtoolbarseparator />
       <rad:radtoolbartogglebutton AccessKey="l" Tooltip="Align Left (Alt+L)" ButtonGroup="Alignment" CommandName="alignLeft" />
       <rad:radtoolbartogglebutton AccessKey="c" 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>
...
<rad:radtoolbar runat="server" id="Radtoolbar2" skin="macOS" 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" />
       <rad:radtoolbarseparator />
       <rad:radtoolbartogglebutton AccessKey="l" Tooltip="Align Left (Alt+L)" ButtonGroup="Alignment" CommandName="alignLeft" />
       <rad:radtoolbartogglebutton AccessKey="c" 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>

RadToolBar for ASP.NET