PageView WinForms Control

Create slick looking tab strip or panel, overlapping tabs, organize content, insert images into items

Home > WinForms UI Controls > User Manual > Customize Back Stage View in C#

C# Backstage View Customizing

KetticPageView control allows the users easily to customize the Backstage view mode by using C# code and creating or changing a theme. This is accomplished by customizing five different stages, including the customization of content area, items area, buttons area, page items and group items. However, the items customization can only be done by using C# code for the use of image shape.

How to Customize Content Area of Backstage View Mode

To customize the content area, we can both modify the predefined theme and use C# code. The following are the steps that demonstrate how to customize the content area by changing the default theme.

Open the UI Style Designer and choose the File menu, click the Export Built-in Themes
And then hit the File menu, click Open Package, and load the UIControlPredefined theme.
Navigate to KetticPageView in the Control Structure pane, and right click the control, choose the Backstage View mode
Expand KetticPageViewBackstageElement and choose KetticPageViewContentAreaElement.
In the content area elements Window, expand the KetticPageViewBackstageElement and customize the BackColor property
Save the change to the theme, load it to your application, and set the KetticPageView theme to be the current theme created.

C# code for Customizing Content Area of KetticPageView


KetticPageViewBackstageElement backStageElement = ketticPageView1.ViewElement as KetticPageViewBackstageElement;
backStageElement.ContentArea.BackColor = Color.Gray;

How to Customize Items Area of KetticPageViewPages

To customize Items Area of KetticPageViewPages, we shall choose the StripViewItemLayout element. The C# code below demonstrates how to access the content area of Backstage View mode.


KetticPageViewBackstageElement backStageElement = ketticPageView1.ViewElement as KetticPageViewBackstageElement;
StripViewItemLayout itemLayout = backStageElement.ItemContainer.ItemLayout as StripViewItemLayout;
itemLayout.BackColor = Color.Green;

How to Customize Buttons Area

To customize the Buttons Area, we need to access the StripViewButtonsPanel element by expanding the KetticPageViewBackstageElement and StripViewItemContainer. In the buttons panel, the users are able to customize the buttons. In addition, the buttons panel is not visible and we can change the Visibility property to Visible to make it visible. The C# code below shows how to access the StripViewButtonsPanel element from the ItemsContaier of the Backstage element.


KetticPageViewBackstageElement backStageElement = ketticPageView1.ViewElement as KetticPageViewBackstageElement;
StripViewButtonsPanel buttonsPanel = backStageElement.ItemContainer.ButtonsPanel as StripViewButtonsPanel;
buttonsPanel.Visibility = ElementVisibility.Visible;
buttonsPanel.DrawFill = true;
buttonsPanel.BackColor = Color.Yellow;

How to Customize KetticPageViewItems

To customize the KetticPageViewItems, we shall use the UI Style Designer. The default setting is that the ImageShape determines the appearance of page items and we can create an image with the same size of page item and apply the image via the theme. The following steps demonstrate how to stretch the image to fill the desired items size.

Locate the KetticPageViewStripItem element in Element Structure pane from Backstage View mode
Select the desired states and modify the corresponding ImageShape repository items for the state
Customize the desired image by configuring the properties
Save and load a new theme into the .NET application

How to Customize KetticPageViewStripGroupItem

To customize the group items, we shall access the KetticPageViewStripGroup item. The C# code below shows how to access and customize the group items.

UI Controlsfor Windows Forms

.NET WinForms UI Overview .NET WinForms UI Features .NET WinForms UI Guide C# WinForms UI Design VB.NET WinForms UI Design

WinForms UI Controls