# Design Time

## Common properties

The **Smart Tag** for **RadPageView** lets you quickly access common tasks involved with building **RadPageView** elements and customizing its elements. There is a set of properties valid for each of the available view modes:

* **New Theme Manager**: Adds a new [RadThemeManager](https://www.telerik.com/products/winforms/documentation/tools/theme-manager/adding-radthememanager-to-a-form).

* **Edit UI Elements**: Opens a dialog that displays the [Element Hierarchy Editor](https://www.telerik.com/products/winforms/documentation/tools/element-hierarchy-editor). This editor lets you browse all the elements in the control.

* **Theme Name**: Select a theme name from the drop down list of themes available for that control. Selecting a theme allows you to change all aspects of the controls visual style at one time.

* **View Mode**: Sets the view mode of **RadPageView**. The supported modes are *Strip, Stack*, *Outlook*, *ExplorerBar* and *Backstage*.

* **Item Size Mode**: Determines whether the items should have equal size. The supported modes are *EqualHeight, EqualWidth, EqualSize* and *Individual*.

* **Item Drag Mode**: Determines the drag mode of the items. The supported modes are *Preview* and *Immediate*.

* **Item Content Orientation**: Determines the orientation of the item content (image, text, and buttons' panel). The supported orientations are *Auto*, *Horizontal*, *Horizontal180*, *Vertical90* and *Vertical270*.

* **Item Spacing**: Determines the spacing between the items in pixels.

* **Default Page**: Specifies the default page in **RadPageView**.

* **Add Page**: Clicking on this link will add a new page to RadPageView.**Pages** collection.

* **Remove Page**: Clicking on this will remove the currently selected page in **RadPageView**.

* **Learning Center**: Navigate to the Telerik help, code library projects or support forum.

* **Search**: Search the Telerik site for a given string.

There are also view-specific properties as shown below:

## Strip View Mode

![WinForms RadPageView Strip View Mode](https://www.telerik.com/products/winforms/documentation/assets/40077e945608c5e803b21e425080805c/pageview-design-time001.png)

* **Strip Alignment**: Determines the position of the tab items in **RadPageView** in relation to the content area. It can be *Top*, *Left*, *Bottom* or *Right*.

* **Item Alignment**: Determines the alignment of items within the strip layout.

* **Item Fit Mode**: Determines the fit mode of the items. The available modes are *None*, *Fill*, *Shrink* and *ShrinkAndFill*.

* **Strip Buttons**: Determines the style of the navigation buttons. The available styles are *None, Auto, LeftScroll, RightScroll, Scroll, VS2005Style, Close, ItemList, VS2008Style, All*.

## Stack View Mode

![WinForms RadPageView Stack View Mode](https://www.telerik.com/products/winforms/documentation/assets/41ba9ce89473be814d11ac7bb35b0071/pageview-design-time002.png)

* **Stack Position**: Determines the location of the items in relation to the content area.

* **Item Selection Mode**: Determines how the items in Stack view are selected and positioned.

## Outlook View Mode

![WinForms RadPageView Outlook View Mode](https://www.telerik.com/products/winforms/documentation/assets/e21588502cc109f093f05c33b4ce0201/pageview-design-time003.png)

There are no Outlook view related properties in the Action Menu of **RadPageView**.

## ExplorerBar

![WinForms RadPageView ExplorerBar](https://www.telerik.com/products/winforms/documentation/assets/a47890ff2ab4b2914b37d586f886ecf9/pageview-design-time004.png)

* **Content Size Mode**: Gets or sets a value that defines how the content areas for each item are sized. The available options are: *FixedLength, AutoSizeToBestFit, EqualLength*.

## Backstage

![WinForms RadPageView Backstage](https://www.telerik.com/products/winforms/documentation/assets/5c6d55306dffe07bd2ef0a6787800a81/pageview-design-time005.png)

* **Strip Alignment**: Determines the position of the tab items in **RadPageView** in relation to the content area. It can be *Top*, *Left*, *Bottom* or *Right*.
* **Item Alignment**: Determines the alignment of items within the strip layout.
* **Item Fit Mode**: Determines the fit mode of the items. The available modes are *None*, *Fill*, *Shrink* and *ShrinkAndFill*.
* **Item Area Width**: Gets or sets the width of the items area.

> caution In order to switch from one Action Menu to another, you should first close the menu by clicking on the **Smart Tag** and then reopen it again.

## NavigationView

![WinForms RadPageView NavigationView](https://www.telerik.com/products/winforms/documentation/assets/83a1411b3a382657971ffbc94e6c5c7b/pageview-design-time006.png)

* **Item Alignment**: Determines the alignment of items within the items container.
* **Item Fit Mode**:Determines the fit mode of the items. The available modes are *None*, *Fill*, *Shrink*, *ShrinkAndFill*, *FullHeight* and *MultiLine*.
* **DisplayMode**: Sets the display mode. The possible values are - *Auto*, *Compact*, *Expanded*, *Minimal*.
* **Header Height**: Sets the header height.
* **Expanded Pane Width**: Sets the pages panel width when the mode is set to *Expanded*.
* **Collapsed Pane Width**: Sets the pages panel width when the mode is set to *Compact*.
* **Compact Mode Threshold Width**: This property determines when the DisplayMode will be switched from Compact to Minimal. The DisplayMode should be set to Auto in order this to work.
* **Expanded Mode Threshold Width**:This property determines when the DisplayMode will be switched from Expanded to Compact. The DisplayMode should be set to Auto in order this to work.

## OfficeNavigationBar

![WinForms RadPageView OfficeNavigationBar](https://www.telerik.com/products/winforms/documentation/assets/d2c9a1a11eb659c434b5e7afc0f7b95b/officenavigationbar-design-time001.png)

* **New Theme Manager**: Adds a new RadThemeManager component to the form.
* **Edit UI elements**: Opens a dialog that displays the Element Hierarchy Editor. This editor lets you browse all the elements in the control.
* **Theme Name**: Select a theme name from the drop-down list of themes available for that control. Selecting a theme allows you to change all aspects of the control visual style at one time.
* **Item Size Mode**: Determines whether the items should have equal size. The supported modes are *EqualHeight, EqualWidth, EqualSize* and *Individual*.
* **Item Drag Mode**: Determines the drag mode of the items. The supported modes are *Preview* and *Immediate*.
* **Item Content Orientation**: Determines the orientation of the item content (image, text, and buttons' panel). The supported orientations are *Auto*, *Horizontal*, *Horizontal180*, *Vertical90* and *Vertical270*.
* **Item Spacing**: Determines the spacing between the items in pixels.
* **Default Page**: Specifies the default page in **RadOfficeNavigationBar**.
* **Add Page**: Clicking on this link will add a new page to RadOfficeNavigationBar.**Pages** collection.
* **Remove Page**: Clicking on this will remove the currently selected page in **RadOfficeNavigationBar**.
