RE: Buttons that toggle state of other buttons

oludareo0002 — Thu, 13 Jan 2022 17:30:33 GMT
Perfect that helped me resolve the code! thank you for clearing things up for me!
RE: Buttons that toggle state of other buttons

Harshit Bumb (Appyzie) — Thu, 13 Jan 2022 17:12:45 GMT
Hi there,
This should help.
a!localVariables(
  local!buttonTierOne: false(),
  local!buttonTierTwo: false(),
  local!buttonTierThree: false(),
  local!buttonRest: true(),
  a!formLayout(
    label: "Label",
    contents: a!sectionLayout(
      contents: {
        a!sectionLayout(
          label: "",
          contents: {
            a!columnsLayout(
              columns: {
                a!columnLayout(
                  contents: {
                    a!boxLayout(
                      label: "",
                      contents: {
                        a!richTextDisplayField(
                          labelPosition: "COLLAPSED",
                          value: {
                            a!richTextItem(
                              text: { "Submit Tier 1 " },
                              size: "MEDIUM_PLUS"
                            ),
                            char(10),
                            a!richTextItem(
                              text: { "Service Output Form" },
                              size: "MEDIUM_PLUS"
                            )
                          },
                          align: "CENTER"
                        ),
                        a!buttonArrayLayout(
                          buttons: {
                            a!buttonWidget(
                              label: "Start",
                              icon: "file-text-o",
                              value: true(),
                              saveInto: {
                                local!buttonTierOne,
                                a!save(local!buttonRest, false())
                              },
                              submit: false(),
                              disabled: if(local!buttonTierOne, true, false),
                              style: "PRIMARY",
                              validate: true()
                            )
                          },
                          align: "CENTER"
                        )
                      },
                      style: "ACCENT",
                      marginBelow: "STANDARD"
                    )
                  }
                ),
                a!columnLayout(
                  contents: {
                    a!boxLayout(
                      label: "",
                      contents: {
                        a!richTextDisplayField(
                          labelPosition: "COLLAPSED",
                          value: {
                            a!richTextItem(
                              text: { "Submit Tier 2 " },
                              size: "MEDIUM_PLUS"
                            ),
                            char(10),
                            a!richTextItem(
                              text: { "Additional Request Form" },
                              size: "MEDIUM_PLUS"
                            )
                          },
                          align: "CENTER"
                        ),
                        a!buttonArrayLayout(
                          buttons: {
                            a!buttonWidget(
                              label: "Start",
                              icon: "file-text-o",
                              value: true(),
                              saveInto: {
                                local!buttonTierTwo,
                                a!save(
                                  local!buttonTierOne,
                                  false
                                )
                              },
                              submit: false(),
                              style: "PRIMARY",
                              validate: true(),
                              disabled: local!buttonTierTwo
                            )
                          },
                          align: "CENTER"
                        )
                      },
                      style: "ACCENT",
                      marginBelow: "STANDARD"
                    )
                  }
                ),
                a!columnLayout(
                  contents: {
                    a!boxLayout(
                      label: "",
                      contents: {
                        a!richTextDisplayField(
                          labelPosition: "COLLAPSED",
                          value: {
                            a!richTextItem(
                              text: { "Submit Tier 3" },
                              size: "MEDIUM_PLUS"
                            ),
                            char(10),
                            a!richTextItem(
                              text: { "Service output Form" },
                              size: "MEDIUM_PLUS"
                            )
                          },
                          align: "CENTER"
                        ),
                        a!buttonArrayLayout(
                          buttons: {
                            a!buttonWidget(
                              label: "Start",
                              icon: "file-text-o",
                              value: true(),
                              saveInto: {
                                local!buttonTierThree,
                                a!save(
                                  {
                                    local!buttonTierOne,
                                    local!buttonTierTwo
                                  },
                                  false
                                )
                              },
                              submit: false(),
                              style: "PRIMARY",
                              validate: true(),
                              disabled: local!buttonTierThree
                            )
                          },
                          align: "CENTER"
                        )
                      },
                      style: "ACCENT",
                      marginBelow: "STANDARD"
                    )
                  }
                )
              }
            )
          },
          divider: "BELOW",
          dividerWeight: "MEDIUM"
        )
      }
    )
  )
)