Introduction
FeatureTour is an easy to use component that allows developers to enrich their WPF applications with interactive tutorials. Each tutorial (or tour) is an ordered list of steps, the user can pass through. Each step represents a popup that can be placed nearby an UIElement of the WPF application.
Steps may be passive or active. Passive steps contain an explanation and the user has to click next to go to the next step. Active steps promt the user to change the state of the application (e.g. select a special value in a combo box, enter a specific text in a text box and so on) to go to the next step.
Each step is shown as popup to the user. The figure below shows a default styled popup that displays simple text in it's header and content areas (red elements are not part of the popup).
The parts of the popup are:
- The Header / Content Areas are fully customizable and display title and body of a step.
- The 'Close' button enables the user to closes the tutorial.
- The 'Next' button enables the user to go to the next step. In cases where navigation is controlled programmatically, the button can be hidden.
- The 'Do it!' button can be used to execute custom logic programmatically (e.g. fill out a complex form). The button is only shown if any logic is associated with the current step.
- The label 'Step N/M' just displays read-only information about the tutorial’s progress.