When it comes to inputting data, the two most common patterns used on the web and in applications are forms and wizards.

The electronic form is a direct descendant of the paper form: a page with empty fields that the user needs to fill in. The wizard is a mini-application that takes the user through a sequence of forms.

This module is intended to provide the mechanism to install wizards within K2 without the need to have to manage the complexity of the rules.

Business Benefits

Users can sometimes become overwhelmed by the number of fields on a form and often abort form completion. By splitting up a complex task into a sequence of chunks, you can simplify the task.

Wizard driven behaviour is good when users lack the necessary domain knowledge. Completing a task gets easier: the user can follow a pre-planned, step-by-step path to do his goal.

This adheres to design behavioural standards that are driven by UX Design patterns: https://uxplanet.org/wizard-design-pattern-8c86e14f2a38

Technical Benefits

Implementing wizards can be very time consuming and laborious and often results in a solution that can be difficult to maintain due to the rules of moving a user from one page to the other. This module aims to provide a mechanism to install a wizard as easy as possible, so the time is spent on the contents of the wizard and not the wizard itself.

View Components

Pager (SBM4K2.Wizards.ViewComponents.Pager)

This component handles how the wizards get generated for K2 Views by:

  • Hiding and showing K2 views on the page to create the effect of a wizard based input.
  • The next and back buttons and the viability of these buttons when at the start or end of the wizard index.
  • The number of pages and where the user currently is in the index.

Input

This component is parameter driven:

Parameter Name Description Example
listOfViewsDelimitered List of view instance names that will fall part of the wizard. View1,view2,view3
Delimiter The delimiter the views are seporated by. The default is ‘,’ ;

Output

Output
Type
Name Description
Control [Public] – TotalPages Data Label Output the number of pages in the wizard

The views that are passed in are all set to invisible and the first view is displayed.

The Next button will be visible and ready for the users to step through the wizard.