Layout Related Features in WPF Wizard Control

10 May 20213 minutes to read

This section illustrates the following Layout-related features of Wizard Control.

Setting the Minimum Height for the Interior Wizard Page Header

You can set the minimum height for the header of the Interior wizard page by using the InteriorPageHeaderMinHeight property in Wizard Control.

<syncfusion:WizardControl Name="wizardControl" InteriorPageHeaderMinHeight="150">
    <syncfusion:WizardPage Name="wizardPage" />
</syncfusion:WizardControl>
WizardControl wizardControl = new WizardControl();

WizardPage wizardPage = new WizardPage();

wizardControl.Items.Add(wizardPage);

wizardControl.InteriorPageHeaderMinHeight = 150;

InteriorPageHeaderMinHeight of WizardPage

Setting the Banner Background Color

You can set the background color of the banner for the Wizard Control by using the BannerBackground property.

<syncfusion:WizardControl Name="wizardControl">
    <syncfusion:WizardPage Name="wizardPage" BannerBackground="Navy"/>
</syncfusion:WizardControl>
WizardControl wizardControl = new WizardControl();

WizardPage wizardPage = new WizardPage();

wizardControl.Items.Add(wizardPage);

wizardPage.BannerBackground = Brushes.Navy;

BannerBackground in WizardControl

Setting the Banner Image

You can set an image for the banner of the Wizard Page in Wizard Control
using the BannerImage property.

NOTE

You can set the banner image either on the interior or exterior wizard page based on the wizard page type.

<syncfusion:WizardControl Name="wizardControl">
    <syncfusion:WizardPage Name="wizardPage" BannerImage="/Image/sync.bmp"/>
</syncfusion:WizardControl>
WizardControl wizardControl = new WizardControl();

WizardPage wizardPage = new WizardPage();

wizardControl.Items.Add(wizardPage);

wizardPage.BannerImage = new BitmapImage(new Uri("/Image/sync.bmp", UriKind.RelativeOrAbsolute));

BannerImage of WizardPage

Setting Minimum Width for the Banner Image on the Exterior Wizard Page

You can set the minimum width of the banner image on the ‘Exterior’ wizard page by using the ExteriorPageBannerImageMinWidth property in Wizard Control.

<syncfusion:WizardControl Name="wizardControl" ExteriorPageBannerImageMinWidth="10">
    <syncfusion:WizardPage Name="wizardPage" PageType="Exterior" BannerImage="/Image/sync.bmp"/>
</syncfusion:WizardControl>
WizardControl wizardControl = new WizardControl();

grid.Children.Add(wizardControl);

WizardPage wizardPage = new WizardPage();

wizardControl.Items.Add(wizardPage);

wizardPage.BannerImage = new BitmapImage(new Uri("/Image/sync.bmp", UriKind.RelativeOrAbsolute));

wizardPage.PageType = WizardPageType.Exterior;

wizardControl.ExteriorPageBannerImageMinWidth = 10;

ExteriorPageBannerImageMinWidth in Wizard Control

Theme

WizardControl supports various built-in themes. Refer to the below links to apply themes for the WizardControl,

Setting theme to WPF WizardControl