Sized Skins

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
Customizing Appearance
- Customizing Appearance
- Skins Structure
- Templates
- Sized Skins
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

Sized Skins

Customizing Appearance > Sized Skins

Glossary Item Box

Telerik RadToolBar supports different sizes of buttons. We have created two starter skins (Office 12 and Office 2003) for the 32x32 size. You can, however, create toolbars with any size and write your own skins for them. You just have to follow the skin structure.

To set the button size of the toolbar use the ButtonHeight and ButtonWidth properties.

It is possible to have multiple toolbars on the same page - each with a different skin and size.

Example

Skin Sizes

Copy Code

<rad:radtoolbar runat="server" id="Radtoolbar1" skin="office12" 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="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" />
       <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" ButtonWidth="32px" ButtonHeight="32px" id="toolbar1" skin="office12_32x32" 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" ButtonWidth="32px" ButtonHeight="32px" id="Radtoolbar3" skin="office2003_32x32" 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