Simple Wizard Sample

To start using FPS Wizard in your WPF applications follow these steps:

  • Add Reference to FPS.Wizard assembly to your project
    • In C# right-click References node in Solution Explorer and choose Add Reference context menu command. In the Add Reference find and select FPS.Wizard and click OK.
    • In VB double-click My Project node in Solution Explorer and click on References tab. Click Add button and in the Add Reference find and select FPS.Wizard and click OK.
  • You should already have the default WPF Window created by the VS.NET so open the Window1.xaml and change the Window declaration to:
    <Window x:Class="WpfApplication1.Window1"   
            Title="Wizard Sample"
            <wizard:Wizard x:Name="wizard1" Transition="FadeAndGrowTransition">
                <wizard:WizardPage  Caption="Page -1" Description="This is the second page">
                        <TextBlock Text=" this is text block on canvas layout"/>
                <wizard:WizardPage Background="Orange" Caption="Page -2" Description="This is the third page">
                        <TextBlock Text="this is text block on stack layout"/>
  • Lets look at this example step by step:
    • At start you need to add namespace of wizard control, we do it in this way xmlns:wizard="clr-namespace:FPS.Wizard;assembly=FPS.Wizard", of course you can assign any name you want insteade of wizard.
    • After that you will see wizard:Wizard in XAML code via Visual Studio intellisense. So after we add opening and closing wizard tags we can start adding wizard pages.
    • One more thing is needed is Transition, you can assing it as a propery, for example Transition="FadeAndGrowTransition", or any other value that will come from dropdown.
    • Now you're ready to add pages. You can place as many pages as needed and page generally can keep any elements. Page can be added using WizardPage tag into XAML code.
    • Wizard Page has number of features can be assigned, such as HeaderLogo, to replace default logotype we use in WizardPage. On place of HeaderLogo you can put any Object, so it can be for example any XAML code wrapped for example in Grid or Canvas, or just image element. Also main properties are Caption and Description, and DescriptionPanelBackground as Brush object, and HeaderBackground Content as Object, to pass also WPF any object.
  • As a result you should get such Sample Wizard Window, buttons and colors are in Office 2007 Blue theme from our FPS.Shared library
    wizard page 1
    wizard page 2