Wizard SAP SE Enables users to accomplish a single goal which consists of multiple dependable sub-tasks. <h3>Overview</h3> The sap.m.Wizard helps users complete a complex and unfamiliar task by dividing it into sections and guiding the user through it. The wizard has two main areas - a navigation area at the top showing the step sequence and a content area below it. <h3>Structure</h3> <h4>Navigation Area</h4> The top most area of the wizard is occupied by the navigation area. It shows the sequence of {@link sap.m.WizardStep wizard steps}. <ul> <li>The minimum number of steps is 3 and the maximum is 8 and are stored in the <code>steps</code> aggregation.</li> <li>Steps can be branching depending on choices the user made in their input - this is set by the <code>enableBranching</code> property. </li> <li>Steps can have different visual representations - numbers or icons. You can add labels for better readability </li> </ul> <h4>Content</h4> The content occupies the main part of the page. It can hold any type of input controls. The content is kept in {@link sap.m.WizardStep wizard steps}. <h4>Next Step Button</h4> The next step button is displayed below the content. It can be hidden by setting <code>showNextButton</code> to <code>false</code> and displayed, for example, only after the user has filled all mandatory fields. <h3>Usage</h3> <h4>When to use:</h4> When the user has to accomplish a long or unfamiliar task. <h4>When not to use:</h4> When the user has to accomplish a routine task that is clear and familiar. When the task has only two steps or less. <h3>Responsive Behavior</h3> On mobile devices the steps in the StepNavigator are grouped together and overlap. Tapping on them will show a popover to select the step to navigate to. When using the sap.m.Wizard in SAP Quartz theme, the breakpoints and layout paddings could be determined by the container's width. To enable this concept and add responsive paddings to the navigation area and to the content of the Wizard control, you may add the following classes depending on your use case: <code>sapUiResponsivePadding--header</code>, <code>sapUiResponsivePadding--content</code>. 1.30 sap.ui.core/Control Determines the width of the Wizard. Determines the height of the Wizard. Controls the visibility of the next button. The developers can choose to control the flow of the steps either through the API (with <code>nextStep</code> and <code>previousStep</code> methods) or let the user click the next button, and control it with <code>validateStep</code> or <code>invalidateStep</code> methods. Changes the text of the finish button for the last step. This property can be used only if <code>showNextButton</code> is set to true. By default the text of the button is "Review". Enables the branching functionality of the Wizard. Branching gives the developer the ability to define multiple routes a user is able to take based on the input in the current step. It is up to the developer to programmatically check for what is the input in the current step and set a concrete next step amongst the available subsequent steps. Note: If this property is set to false, <code>next</code> and <code>subSequentSteps</code> associations of the WizardStep control are ignored. This property is used to set the background color of a Wizard content. The <code>Standard</code> option with the default background color is used, if not specified. The StepActivated event is fired every time a new step is activated. The index of the activated step as a parameter. One-based. The complete event is fired when the user clicks the finish button of the Wizard. The finish button is only available on the last step of the Wizard. The wizard steps to be included in the content of the control. The progress navigator for the wizard. The next button for the wizard. This association controls the current activated step of the wizard (meaning the last step) For example if we have A->B->C->D steps, we are on step A and we setCurrentStep(C) A,B and C are going to be activated. D will still remain unvisited. The parameter needs to be a Wizard step that is part of the current Wizard