# Structure

The structure of the **RadToolBar** control is as follows:

> caption

![ToolBar Structure](https://www.telerik.com/products/aspnet-ajax/documentation/assets/2f9bbb9e675501ce8de0c4a5b7362af7/toolbar_structure.png)

The toolbar is a container that holds different types of buttons. There are three types of buttons that can appear in the toolbar. Each button type is a descendant of **RadToolBarItem**:

* **Tool Bar Buttons**: Tool bar buttons (**RadToolBarButton**) are buttons that the user can click to perform some task.

* **Drop-Down Buttons**: Drop-down buttons (**RadToolBarDropDown**) do not perform a task. Instead, when the user clicks a drop-down button, it displays its **drop-down list**. The drop-down list contains one or more toolbar buttons that the user can click to perform some task.

* **Split Buttons**: Split buttons (**RadToolBarSplitButton**) combine the features of toolbar buttons and drop-down buttons. When the user clicks on a split button, it performs a task like a toolbar button. When the user clicks on the drop-down arrow, it opens a **drop-down list**, where the user can click on a toolbar button.

The buttons in the toolbar are contained in the **Items** collection of the **RadToolBar** object. The buttons in the drop-down list of a **RadToolBarDropDown** or **RadToolBarSplitButton** are contained in the **Buttons** collection of the drop-down button or split button:

```ASPNET
<telerik:RadToolBar RenderMode="Lightweight" ID="RadToolBar1" runat="server" Skin="Outlook">
    <Items>
        <telerik:RadToolBarButton runat="server" Text="Reset" />
        <telerik:RadToolBarDropDown runat="server" Text="Add">
            <Buttons>
                <telerik:RadToolBarButton runat="server" Text="Row Above" />
                <telerik:RadToolBarButton runat="server" Text="Row Below" />
                <telerik:RadToolBarButton runat="server" IsSeparator="True" />
                <telerik:RadToolBarButton runat="server" Text="Column Left" />
                <telerik:RadToolBarButton runat="server" Text="Column Right" />
            </Buttons>
        </telerik:RadToolBarDropDown>
        <telerik:RadToolBarSplitButton runat="server" Text="Apply Color" EnableDefaultButton="False">
            <Buttons>
                <telerik:RadToolBarButton runat="server" Text="Black" />
                <telerik:RadToolBarButton runat="server" Text="Red" />
                <telerik:RadToolBarButton runat="server" Text="Green" />
                <telerik:RadToolBarButton runat="server" Text="Blue" />
            </Buttons>
        </telerik:RadToolBarSplitButton>
    </Items>
</telerik:RadToolBar>
```

## See Also

* [Overview](https://www.telerik.com/products/aspnet-ajax/documentation/controls/toolbar/radtoolbar-items/overview)

* [Declaring Items Statically at Design Time](https://www.telerik.com/products/aspnet-ajax/documentation/controls/toolbar/radtoolbar-items/declaring-items-statically-at-design-time)
