Wizard Layout for create, update and display data

The possibility to emulate a Wizard in a Transaction  or Web Panel (for create, update or display data) was added. In this case, all the steps will be part of the same WebForm, and by clicking in the next button or in the step that you want to navigate, it will display only the information of that step. In the instance, it will be displayed similar to the 'tabs' node with its children. In the instance you will visualize a new node named 'Wizard' which will contain the steps as children of that node.

WorkWithPlus Transaction pattern editor for "Transaction (PersonExtended) - Template: TransactionBulletWiza", with the instance tree (TableAttributes, Email, Phones, Membership tabs) on the left and a wizard-style preview on the right showing numbered steps General Information, Email, Phones, Membership; red arrows connect tree nodes Wizard, Email (TabLevel_Email), Phones (TabLevel_Phones), and Membership (TabLevel_Membership) to their corresponding step indicators in the preview, illustrating how the tree structure maps to the generated wizard steps.

In order to create a 'Simple Wizard Layout', you need to select the template 'Wizard arrow type' or 'Wizard bullet type' that is inside the category 'create, update and display data'. If you do this in a transaction, it will add by default one step for the plain information and then one additional step for each level of the transaction.

GeneXus IDE KB Explorer with the "PersonExtended" transaction object open on its Patterns tab; the Work With Plus pattern is applied with "Transaction (PersonExtended) - Template: Transaction" selected in the instance tree, showing TableAttributes (PersonId, PersonFirstName, PersonLastName, etc.), grid sub-levels for Email, Phones, and Membership, and an Action Group with standard transaction actions; the preview pane on the right renders the "General Information" form with fields ID, First Name, Last Name, Full Name, Nick Name, Cell Number, Home Number, Birth Date, Hobby, Company, Favorite Music Band, Gender, plus Email and Description grid columns below.

In WorkWithPlus Settings -> Template node, the following properties were created, related to this feature:

  • Allow Step Title Click
    Specifies whether the wizard will allow to click in some specific step to go directly to that step.

  • Arrow Selected-UnSelected Image
    Specifies the image that will be used when creating a simple wizard of type 'Arrow', for separating the selected step with an unselected step right next to it.

  • Arrow Unselected-Selected Image
    Specifies the image that will be used when creating a simple wizard of type 'Arrow', for separating an unselected step with the selected step right next to it.