• State Suggested Answer
  • Replies 5 replies
  • Answers 2 answers
  • Subscribers 10 subscribers
  • Views 1059 views
  • Users 0 members are here
Related Discussions
Home » Discussions » General

Customize buttons

Purvaja

Hi Team

Is it possible to customize the buttons? 

1. To display different color in the buttons.

2. Adjust the size of the buttons.

What all different possibilities do we have to customize as below.

  Discussion posts and replies are publicly visible

Parents
  • 0
    Certified Associate Developer
     

    a!formLayout(
  label: "",
  contents: {
    a!sectionLayout(
      contents: {
        a!columnsLayout(
          columns: {
            a!columnLayout(
              contents: {a!cardLayout(
                contents: {
                  a!richTextDisplayField(
                    value: {
                      a!richTextItem(
                        text: {
                          "FORWARD"
                        },
                        color: "#ffffff",
                        size: "MEDIUM",
                        style: {
                          "STRONG"
                        }
                      )
                    },
                    align: "CENTER"
                  )
                },
                link: a!safeLink(uri: "test", openLinkIn: "NEW_TAB"),
                height: "AUTO",
                style: "#ff9900",
                shape: "ROUNDED",
                showShadow: true
              )}
            ),
            a!columnLayout(
              contents: {a!cardLayout(
                contents: {
                  a!richTextDisplayField(
                    value: {
                      a!richTextItem(
                        text: {
                          "REJECT"
                        },
                        color: "#ffffff",
                        size: "MEDIUM",
                        style: {
                          "STRONG"
                        }
                      )
                    },
                    align: "CENTER"
                  )
                },
                link: a!safeLink(uri: "test", openLinkIn: "NEW_TAB"),
                height: "AUTO",
                style: "#ff0000",
                shape: "ROUNDED",
                showShadow: true
              )}
            ),
            a!columnLayout(
              contents: {
                a!cardLayout(
                  contents: {
                    a!richTextDisplayField(
                      value: {
                        a!richTextItem(
                          text: {
                            "APPROVE"
                          },
                          color: "#ffffff",
                          size: "MEDIUM",
                          style: {
                            "STRONG"
                          }
                        )
                      },
                      align: "CENTER"
                    )
                  },
                 
                  height: "AUTO",
                  style: "#00ff00",
                  shape: "ROUNDED",
                  showShadow: true
                )
              }
            )
          }
        )
      }
    )
  },
 
)

Reply
  • 0
    Certified Associate Developer
     

    a!formLayout(
  label: "",
  contents: {
    a!sectionLayout(
      contents: {
        a!columnsLayout(
          columns: {
            a!columnLayout(
              contents: {a!cardLayout(
                contents: {
                  a!richTextDisplayField(
                    value: {
                      a!richTextItem(
                        text: {
                          "FORWARD"
                        },
                        color: "#ffffff",
                        size: "MEDIUM",
                        style: {
                          "STRONG"
                        }
                      )
                    },
                    align: "CENTER"
                  )
                },
                link: a!safeLink(uri: "test", openLinkIn: "NEW_TAB"),
                height: "AUTO",
                style: "#ff9900",
                shape: "ROUNDED",
                showShadow: true
              )}
            ),
            a!columnLayout(
              contents: {a!cardLayout(
                contents: {
                  a!richTextDisplayField(
                    value: {
                      a!richTextItem(
                        text: {
                          "REJECT"
                        },
                        color: "#ffffff",
                        size: "MEDIUM",
                        style: {
                          "STRONG"
                        }
                      )
                    },
                    align: "CENTER"
                  )
                },
                link: a!safeLink(uri: "test", openLinkIn: "NEW_TAB"),
                height: "AUTO",
                style: "#ff0000",
                shape: "ROUNDED",
                showShadow: true
              )}
            ),
            a!columnLayout(
              contents: {
                a!cardLayout(
                  contents: {
                    a!richTextDisplayField(
                      value: {
                        a!richTextItem(
                          text: {
                            "APPROVE"
                          },
                          color: "#ffffff",
                          size: "MEDIUM",
                          style: {
                            "STRONG"
                          }
                        )
                      },
                      align: "CENTER"
                    )
                  },
                 
                  height: "AUTO",
                  style: "#00ff00",
                  shape: "ROUNDED",
                  showShadow: true
                )
              }
            )
          }
        )
      }
    )
  },
 
)

Children
No Data
© 2024 Appian. All rights reserved.
We want to hear from you! Submit a review on Gartner or G2.