2.2.10.44 Wizard

Properties of Wizard

1. Id - unique identifier of the control
2. FinishButtonText - Changes the text of the finish button for the last step. This property can be used only if showNextButton is set to true. By default the text of the button is "Review".
3. ShowNextButton - set a boolean value or a variable with type boolean from the Model to control the showNextButton property
4. EnableBranching - set a boolean value or a variable with type boolean from the Model to control the enableBranching property
5. Width - width setting
6. Height - height setting 
7. OnComplete - executes the javascript function assigned for this event
   

8. Advanced - properties of the control not available in the above list can be added here. 
   

   Setting Additional Properties provides further information about the Advanced property

Wizard Steps are required for the Wizard to function completely.
Properties of Wizard Step

1. Id - unique identifier of the control
2. Title - title of the step
3. Icon - icon to be displayed in the step
4. Validated - set a boolean value or a variable with type boolean from the Model to control the validated property
5. Next Step - The next step to be taken after the step is completed. Set this association value in the complete event of the current WizardStep sap.m.WizardStep
6. Subsequent Steps - This association is used only when the enableBranching property of the Wizard is set to true. Use the association to store the next steps that are about to come after the current. If this is going to be a final step - leave this association empty. sap.m.WizardStep
7. OnComplete - executes the javascript function assigned for this event
   

8. Advanced - properties of the control not available in the above list can be added here. 
   

   Setting Additional Properties provides further information about the Advanced property

Step-by-step guide

How to add a Wizard

1. Right click on a Page or from any elements under Add Layout and select Add Other-→ Add Wizard
   
   
2. A Wizard Control has been added
   
3. Right click on the Wizard Control and select Add Wizard Step
   
4. A Wizard Step Control has been added
   
5. Right click on the Wizard Step to add the relevant controls
    

Related articles

• Page:
  2.11.5 Setting Additional Properties of a Control
• Page:
  2.2.5 Add UI elements to the App