How to use WPF AvalonWizard control (I)

02 Oct

The AvalonWizard control is a handy WPF wizard control. To use it in your project, follow below procedures:

1. In your project, add a reference to the AvalonWizard assembly. You can right click the reference folder, and select “Manage NuGet Packages”, and download the package using NuGet.

image  image

2. Create a new window, and in the XAML file, add below markup:


and your designer should look like this:


3. Add some WizardPages in the markup:




and your designer should look like this:

image image


Tips: If your designer does not update after adding the above XAML lines, try to edit the PageIndex as shown below, and change it from 0, for instance, to 1 or whatever… This will update the designer view.


By changing the PageIndex in XAML, you can switch to different pages at design time, then drag the WPF controls in the designer or XAML code.



Posted by on October 2, 2012 in Dotnet/C#



3 responses to “How to use WPF AvalonWizard control (I)

  1. OneWorld

    February 27, 2013 at 4:53 pm

    For some reason the design time components of avalon wizard don’t show with your example. That is probably why you change the the Designer.PageIndex property yourself. This is supposed to be done by the designer.

    The designer shows up, when I look into the source code project of the sample project provided by avalon on their codeplex page. So I guess, there is something missing in your code that tells the avalon designer to show up.

  2. xinyustudio

    February 27, 2013 at 4:56 pm

    Hi, thanks. But it is weird that this rendering works sometime, but occasionally fails. Any ideas to troubleshoot this?

  3. Andrei

    April 11, 2013 at 9:26 am

    any idea of how to use non-linear navigation?


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: