# ToolBar

This topic covers toolbar item in C1Ribbon.

## Content

A toolbar comprises of a row of clickable items that can perform different tasks. The **Ribbon ToolBar** provides easy access to the most frequently-used functions. Note that the **RibbonToolBar** by default contains a button.

The image below shows a ToolBar with **Bold**, **Italics** and **Underline** buttons in the ribbon application.

![Toolbar](https://cdn.mescius.io/document-site-files/images/5560dc72-88a5-4eeb-a384-981194dfc831/images/toolbar.png)

### Adding ToolBar at Design-Time

The **Ribbon ToolBar** can be added at design-time using the **Ribbon Group Floating Toolbar** or **RibbonGroup Items Collection Editor**. Also, you can customize the look of the Ribbon ToolBar using the **Ribbon** **ToolBar** **Floating ToolBar** or by editing the properties in the **Properties** Window. For more information about floating toolbars, refer this [topic](/componentone/docs/win/online-ribbon/concepts/designtimesupport/floatingtoolbar). The user can add items to the Ribbon ToolBar using the **RibbonToolBar Items Collection Editor**. Refer this [topic](/componentone/docs/win/online-ribbon/concepts/designtimesupport/collectioneditors) to know more about Collection Editors.

The image below depicts the floating toolbar of Ribbon ToolBar

![Floating toolbar](https://cdn.mescius.io/document-site-files/images/5560dc72-88a5-4eeb-a384-981194dfc831/images/toolbar_ft.png)

### Adding ToolBar via Code

A toolbar can also be added programmatically to the Ribbon control using the <span data-popup-content="This class is available in \u003ca href=\u0022/componentone/docs/win/online-ribbon/\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/docs/win/online-ribbon/\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="RibbonToolbar" data-popup-theme="ui-tooltip-green qtip-green">RibbonToolBar</span> class. This is depicted in the code below:

```vbnet
' Add Ribbon Toolbar
Dim ribbonToolBar As RibbonToolBar = New RibbonToolBar()
Dim boldButton As RibbonButton = New RibbonButton(Image.FromFile("images\bold.png"))
Dim italicButton As RibbonButton = New RibbonButton(Image.FromFile("images\italic.png"))
Dim underlineButton As RibbonButton = New RibbonButton(Image.FromFile("images\underline.png"))
ribbonToolBar.Items.Add(boldButton)
ribbonToolBar.Items.Add(italicButton)
ribbonToolBar.Items.Add(underlineButton)
formatGroup.Items.Add(ribbonToolBar)
```

```csharp
// Add Ribbon Toolbar
RibbonToolBar ribbonToolBar = new RibbonToolBar();
RibbonButton boldButton = new RibbonButton(Image.FromFile(@"images\bold.png"));
RibbonButton italicButton = new RibbonButton(Image.FromFile(@"images\italic.png"));
RibbonButton underlineButton = new RibbonButton(Image.FromFile(@"images\underline.png"));
ribbonToolBar.Items.Add(boldButton);
ribbonToolBar.Items.Add(italicButton);
ribbonToolBar.Items.Add(underlineButton);
formatGroup.Items.Add(ribbonToolBar);
```