K2BTools Tutorial - Exercise 13.3 - Payment Detail Step

As mentioned before, there are two ways of creating wizard steps. If the WebPanel associated with the step does not exists, the action Create Wizard Step can be used. In this action the name of the step and the SDT fields needed to be used in the WebPanel can be selected. This type of creating step is the one we are going to use in this exercise. In order to do so, follow these steps:

1. Creating the Wizard Step

  1. Right click on "Steps" node and create a new step using "Actions>Create Wizard Step" with name PaymentInformation.
    WizardUsingCreateWizardStep
    Create Wizared Step Action

  2. Select "PaymentMethod", "PaymentDate", "InvoiceCode", "PaymentTotal" and "InvoiceTotal" fields and click on create step.
    SelectingFields
    Selected Fields

2. Improving the UI

  1. Click on "PaymentInvoiceSDT.PaymentDate" and set "Element Relative Position" property to "Sane Cell" and save.
  2. Go to "Attributes" node and do the following changes to the Resposive Sizes:
    1. Set "PaymentInvoiceSDT.PaymentMethod" and "PaymentInvoiceSDT.PaymentDate" width to 25%.
    2. Change "PaymentInvoiceSDT.PaymentMethod" and "PaymentInvoiceSDT.PaymentDate" offset to 42%.
    3. Modify "PaymentInvoiceSDT.Detail.InvoiceCode" and "PaymentInvoiceSDT.Detail.InvoiceTotal" Readonly property to "True".

3. Adding validation to the steps

When the Next or Finish (if it is the last step) action is executed, the event GlobalEvents.K2B_WizardConfirm is fired. This event will call the U_WizardConfirm subroutine.

  1. Go to "Events" tab and add the following code to the subroutine "U_WizardConfirm".
    WizardConfirmPaymentDetail1
    Wizard Confirm Code

Code should be added in order to decide whether the step was successfully completed or not. If the step is not successful the &WizardStepCompleted variable must be set to false. In this case the wizard will not continue to the next step.