Loading...
Loading...
Implement Syncfusion WPF WizardControl for step-by-step wizard UIs. Use this when building multi-page wizard flows, installation wizards, or setup wizard interfaces in WPF. Covers adding WizardPages, setting page types (Blank, Interior, Exterior), controlling navigation buttons (Back, Next, Finish, Cancel, Help), ItemsSource data binding, non-linear navigation, and banner image customization.
npx skill4agent add syncfusion/wpf-ui-components-skills syncfusion-wpf-wizard-controlSyncfusion.Shared.WPFSyncfusion.Tools.WPFSyncfusion.Windows.Tools.Controlshttp://schemas.syncfusion.com/wpfWizardPageWizardControlItemsSourcePageTypeFinishButtonClosesWindowCancelButtonCancelsWindowItemsSourceItemContainerStyleItemTemplateSelectedWizardPageTitleDescriptionNextPagePreviousPageNextInteriorPageHeaderMinHeightBannerBackgroundBannerImageExteriorPageBannerImageMinWidthSfSkinManager<Window xmlns:syncfusion="http://schemas.syncfusion.com/wpf" ...>
<Grid>
<syncfusion:WizardControl Name="wizard"
FinishButtonClosesWindow="True"
CancelButtonCancelsWindow="True">
<syncfusion:WizardPage Title="Welcome"
Description="Introduction to the setup process."
PageType="Exterior"
BannerImage="Images/banner.png"/>
<syncfusion:WizardPage Title="Configuration"
Description="Configure your settings."
PageType="Interior"/>
<syncfusion:WizardPage Title="Finish"
Description="Setup is complete."
PageType="Exterior"/>
</syncfusion:WizardControl>
</Grid>
</Window>using Syncfusion.Windows.Tools.Controls;
WizardControl wizard = new WizardControl();
wizard.FinishButtonClosesWindow = true;
wizard.CancelButtonCancelsWindow = true;
WizardPage page1 = new WizardPage { Title = "Welcome", PageType = WizardPageType.Exterior };
WizardPage page2 = new WizardPage { Title = "Configuration", PageType = WizardPageType.Interior };
WizardPage page3 = new WizardPage { Title = "Finish", PageType = WizardPageType.Exterior };
wizard.Items.Add(page1);
wizard.Items.Add(page2);
wizard.Items.Add(page3);
this.Content = wizard;<!-- First page: hide Back, show Next -->
<syncfusion:WizardPage Title="Step 1" BackVisible="False" NextVisible="True" FinishVisible="False"/>
<!-- Middle page: show Back and Next -->
<syncfusion:WizardPage Title="Step 2" BackVisible="True" NextVisible="True" FinishVisible="False"/>
<!-- Last page: show Back and Finish, hide Next -->
<syncfusion:WizardPage Title="Step 3" BackVisible="True" NextVisible="False" FinishVisible="True"/><syncfusion:WizardControl Name="wizard">
<syncfusion:WizardPage x:Name="step1" Title="Step 1"
NextPage="{Binding ElementName=step3}"/>
<syncfusion:WizardPage x:Name="step2" Title="Step 2"/>
<syncfusion:WizardPage x:Name="step3" Title="Step 3"
PreviousPage="{Binding ElementName=step1}"/>
</syncfusion:WizardControl><syncfusion:WizardControl Next="Wizard_Next" ...>private void Wizard_Next(object sender, RoutedEventArgs e)
{
var wiz = (WizardControl)sender;
// Validate current page before allowing navigation
if (!ValidateCurrentPage())
e.Handled = true; // Cancel navigation
}| Property | Type | Description |
|---|---|---|
| WizardPage | Currently displayed page |
| IEnumerable | Bind pages from a collection |
| DataTemplate | Template for bound page content |
| Style | Style applied to each WizardPage container |
| bool | Enable/disable Back button globally |
| bool | Enable/disable Next button globally |
| bool | Enable/disable Finish button globally |
| bool | Enable/disable Cancel button globally |
| bool | Show/hide Back button globally |
| bool | Show/hide Next button globally |
| bool | Show/hide Finish button globally |
| bool | Show/hide Help button globally |
| bool | Show/hide Cancel button globally |
| string | Custom label for Back button |
| string | Custom label for Next button |
| string | Custom label for Finish button |
| string | Custom label for Help button |
| string | Custom label for Cancel button |
| bool | Close window on Finish click |
| bool | Close window on Cancel click |
| double | Min header height for Interior pages |
| double | Min banner image width for Exterior pages |
| Property | Type | Description |
|---|---|---|
| string | Page title shown in header |
| string | Page description shown in header |
| WizardPageType | Blank, Interior, or Exterior |
| ImageSource | Banner image for the page |
| Brush | Banner area background color |
| WizardPage | Override the default next page |
| WizardPage | Override the default previous page |
| bool | Enable/disable Back on this page |
| bool | Enable/disable Next on this page |
| bool | Enable/disable Finish on this page |
| bool | Enable/disable Cancel on this page |
| bool | Show/hide Back on this page |
| bool | Show/hide Next on this page |
| bool | Show/hide Finish on this page |
| bool | Show/hide Help on this page |
| bool | Show/hide Cancel on this page |