Steps

7 UI Blocks Example

step_7
step_7
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [steps new]
    [step_name]Job Details[/step_name]
    [subtext]Excepteur sint occaecat cupidatat.[/subtext]
    [status]complete[/status]
  [/steps]
  [steps new]
    [step_name]Application Form[/step_name]
    [subtext]Excepteur sint occaecat cupidatat.[/subtext]
    [status]current[/status]
  [/steps]
  [steps new]
    [step_name]Preview[/step_name]
    [subtext]Excepteur sint occaecat cupidatat.[/subtext]
  [/steps]
[/arr.create]
[uiblocks.steps.step_7 data="{template.data}" /]
                        
                      
step_6
step_6
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [steps new]
    [step_name]Job Details[/step_name]
    [subtext]Excepteur sint occaecat cupidatat.[/subtext]
    [status]complete[/status]
  [/steps]
  [steps new]
    [step_name]Application Form[/step_name]
    [subtext]Excepteur sint occaecat cupidatat.[/subtext]
    [status]current[/status]
  [/steps]
  [steps new]
    [step_name]Preview[/step_name]
    [subtext]Excepteur sint occaecat cupidatat.[/subtext]
  [/steps]
[/arr.create]
[uiblocks.steps.step_6 data="{template.data}" /]
                        
                      
step_5
step_5
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [steps new]
    [step_name]Job Details[/step_name]
    [status]complete[/status]
  [/steps]
  [steps new]
    [step_name]Application Form[/step_name]
    [status]current[/status]
  [/steps]
  [steps new]
    [step_name]Preview[/step_name]
  [/steps]
[/arr.create]
[uiblocks.steps.step_5 data="{template.data}" /]
                        
                      
step_4
step_4
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [steps new]
    [step_name]Job Details[/step_name]
    [subtext]Excepteur sint occaecat cupidatat.[/subtext]
    [status]complete[/status]
  [/steps]
  [steps new]
    [step_name]Application Form[/step_name]
    [subtext]Excepteur sint occaecat cupidatat.[/subtext]
    [status]current[/status]
  [/steps]
  [steps new]
    [step_name]Preview[/step_name]
    [subtext]Excepteur sint occaecat cupidatat.[/subtext]
  [/steps]
[/arr.create]
[uiblocks.steps.step_4 data="{template.data}" /]
                        
                      
step_3
Step 2 of 3
step_3
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [active_step]2[/active_step]
  [steps new]
    [step_name]Job Details[/step_name]
    [status]complete[/status]
  [/steps]
  [steps new]
    [step_name]Application Form[/step_name]
    [status]current[/status]
  [/steps]
  [steps new]
    [step_name]Preview[/step_name]
  [/steps]
[/arr.create]
[uiblocks.steps.step_3 data="{template.data}" /]
                        
                      
step_2
step_2
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [steps new]
    [step_name]Job Details[/step_name]
    [subtext]Excepteur sin cupid atat.[/subtext]
    [status]complete[/status]
  [/steps]
  [steps new]
    [step_name]Application Form[/step_name]
    [subtext]Excepteur sint occaecat cupidatat.[/subtext]
    [status]current[/status]
  [/steps]
  [steps new]
    [step_name]Preview[/step_name]
    [subtext]Excepteur sint occaecat cupidatat.[/subtext]
  [/steps]
[/arr.create]
[uiblocks.steps.step_2 data="{template.data}" /]
                        
                      
step_1
step_1
                        
                          [arr.create set="template.data"]
	[section_classes][/section_classes]
  [steps new]
    [step_name]Job Details[/step_name]
    [status]complete[/status]
  [/steps]
  [steps new]
    [step_name]Application Form[/step_name]
    [status]current[/status]
  [/steps]
  [steps new]
    [step_name]Preview[/step_name]
  [/steps]
[/arr.create]
[uiblocks.steps.step_1 data="{template.data}" /]