Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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. 

    Info

    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 
  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. 
  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. 

    Info

    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
    Image Modified
  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
     

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@223dfe
showSpacefalse
sorttitle
typepage
cqllabel in ( "add-ui-elements" , "additional-properties" ) and type = "page" and space = "IFAB"
labelswizard-control

...