# Page Layout and Alignment Get started with Menus and Toolbars for WinForms. Create versatile menus and docking/floating toolbars. See more in documentation here. ## Content **C1OutBar** can be docked to the top, left, right or bottom on the container that the **C1CommandDock** has been assigned to. The following image shows two **C1OutBars** docked to the left and right side of the form. Each **C1OutBar** is docked inside a **C1CommandDock**.
![Docked outbars](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image11_243.png) **C1OutBar** provides various options for the text and image alignment in the pages. The image or text in the pages can be aligned to the left, right, or center of the title pages/outpages in the [C1OutBar](/componentone/docs/win/online-menus-toolbar/) control by using the [Align](/componentone/docs/win/online-menus-toolbar/) property. When you have text and an image displayed in the page title you may want to control whether the text is displayed above, below, to the left or to the right of the image. You can use [PageLayout](/componentone/docs/win/online-menus-toolbar/) property to set the text above, below, to the left or to the right of the image in the page title. The default value for the [PageLayout](/componentone/docs/win/online-menus-toolbar/) property is **TextOnRight**. The following table shows the values for the [PageLayout](/componentone/docs/win/online-menus-toolbar/) property. | Property Setting | Image | | --- | --- | | **PageLayout.TextOnRight** | ![Text on Right](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image11_244.png) | | **PageLayout.TextonLeft** | ![Text on Left](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image11_245.png) | | **PageLayout.TextAbove** | ![Text Above](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image11_246.png) | | **PageLayout.TextBelow** | ![Text Below](https://cdn.mescius.io/document-site-files/images/a27cb622-e6d9-4efc-a0b0-0c31245fd632/imagesext/image11_247.png) | ## See Also [Scroll Bars](/componentone/docs/win/online-menus-toolbar/outbaroverview/outbarappearanceandb/scrollbars)