Wizard Step

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
a!wizardLayout(
  titleBar: a!headerTemplateFull(
    title: "Wizard",
    secondaryText: "This is an example of a wizard layout"
  ),
  steps: {
    /* Wizard steps must be used in the steps parameter of a wizard layout */
    a!wizardStep(
      label: "Name",
      instructions: "Enter your first and last name",
      contents: {
        a!columnsLayout(
          columns: {
            a!columnLayout(
              contents: {
                a!textField(
                  label: "First Name",
                  required: true
                )
              }
            ),
            a!columnLayout(
              contents: {
                a!textField(
                  label: "Last Name",
                  required: true
                )
              }
            )
          }
        )
      }
    ),
    a!wizardStep(
      label: "Step 2",
      contents: {}
    ),
    a!wizardStep(
      label: "Step 3",
      contents: {}
    )
  },
  primaryButtons: {
    a!buttonWidget(
      label: "Submit",
      showWhen: fv!isLastStep,
      submit: true,
      loadingIndicator: true,
      style: "SOLID"
    )
  },
  secondaryButtons: {
    a!buttonWidget(
      label: "Cancel",
      value: true,
      saveInto: {},
      validate: false,
      submit: true,
      style: "LINK"
    )
  }
)