# Creating and Configuring the OutBar Control

Get started with Menus and Toolbars for WinForms. Create versatile menus and docking/floating toolbars. See more in documentation here.

## Content



To create a [C1OutBar](/componentone/docs/win/online-menus-toolbar/) at design time, complete the following steps:

1.  Place the [C1OutBar](/componentone/docs/win/online-menus-toolbar/) control to your form using a drag-and-drop operation. The newly created [C1OutBar](/componentone/docs/win/online-menus-toolbar/) will initially contain a single page with a [C1ToolBar](/componentone/docs/win/online-menus-toolbar/) control on it ([C1OutBar](/componentone/docs/win/online-menus-toolbar/) pages can contain either [C1ToolBar](/componentone/docs/win/online-menus-toolbar/) controls which are specially treated in that case, or arbitrary other controls, such as pages of a tab control). Also, a [C1CommandHolder](/componentone/docs/win/online-menus-toolbar/) will be automatically created and placed on the component's tray.
2.  Select **C1OutPage1** from the Properties window drop-down list. Change its **Text** property from Page1 to **File**.
3.  Right-click on the (only) item in the [C1ToolBar](/componentone/docs/win/online-menus-toolbar/), and select **Append Item** from the context menu. The **Link to Command** dialog box appears.
4.  In the **Link to Command** designer set the following command properties:
    *   **Text** to New
    *   **Name** to cmdFileNew
5.  Select **C1Command** from the **Create a new command** listbox.
6.  Select **OK**.
7.  Select the **C1CommandLink1** from the Properties window drop-down list and set the **ButtonLook** property to **TextAndImage**.
8.  Select the **cmdFileNew** and locate its image property. Click on the ellipsis button ![button](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image10_57.png) and locate the desired image.
9.  Select the image and click **OK** in the **Select Resource** dialog box. The new image appears above **C1CommandLink1**'s text.
10.  Build and run the application. It will look similar to the following image:<br />![Form with new button](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image10_58.png)

## See Also

[Adding a OutPage to the OutBar](/componentone/docs/win/online-menus-toolbar/menusandtoolbarsforw2/outbartasks/addingac1outpagetoth)