How to put link inside button

RE: How to put link inside button

osamaGamal — Tue, 10 May 2022 14:22:59 GMT

i eant to click a button that open a url

but as Gopalk adviced me card layout do the same function

RE: How to put link inside button

osamaGamal — Tue, 10 May 2022 14:22:24 GMT

i eant to click a button that open a url

but you are right card layout do the same function

RE: How to put link inside button

Dimitris Soulovaris — Mon, 09 May 2022 09:43:02 GMT

Hi osamag,

Here you can find 2 diffrerent solutions for what you are asking for.

The first one is a Submit Link through a rich text display field and the second one is a Submit Link inside a card layout.

a!formLayout(
  label: "Form ",
  contents: {
    a!sectionLayout(
      contents: {
        a!columnsLayout(
          columns: {
            a!columnLayout(
              contents: {
                a!richTextDisplayField(
                  value: a!richTextItem(
                    text: "Submit Link ",
                    size: "MEDIUM",
                    color: "ACCENT",
                    style: "STRONG",
                    link: a!submitLink(
                      confirmHeader: "Confirm Message",
                      confirmMessage: "Submit",
                      confirmButtonStyle: "PRIMARY"
                    ),
                    linkStyle: "STANDALONE"
                  )
                ),
                a!cardLayout(
                  contents: {
                    a!richTextDisplayField(
                      align: "CENTER",
                      marginAbove: "NONE",
                      marginBelow: "LESS",
                      value: a!richTextItem(
                        text: "Submit",
                        size: "STANDARD",
                        color: "ACCENT",
                        style: "STRONG"
                      )
                    )
                  },
                  link: a!submitLink(
                    confirmHeader: "Confirm Message",
                    confirmMessage: "Submit?",
                    confirmButtonStyle: "PRIMARY"
                  ),
                  height: "AUTO",
                  style: "NONE",
                  showBorder: true,
                  padding: "EVEN_LESS",
                  shape: "SQUARED",
                )
              }
            ),
            a!columnLayout(
              contents: {}
            ),
            a!columnLayout(
              contents: {}
            ),
            a!columnLayout(
              contents: {}
            ),
            a!columnLayout(
              contents: {}
            ),
            a!columnLayout(
              contents: {}
            ),
            a!columnLayout(
              contents: {}
            ),
            a!columnLayout(
              contents: {}
            ),
            a!columnLayout(
              contents: {}
            )
          }
        )
      }
    )
  },
  buttons: a!buttonLayout(
    secondaryButtons: {
      a!buttonWidget(
        label: "Cancel",
        value: true,
        saveInto: ri!cancel,
        submit: true,
        style: "NORMAL",
        validate: false
      )
    }
  )
)

RE: How to put link inside button

Stefan Helzle — Mon, 09 May 2022 09:36:41 GMT

Following the Appian UX Design guide, buttons are for action and links for navigation. What do you want to achieve?

RE: How to put link inside button

Richard Michaelis — Mon, 09 May 2022 09:31:43 GMT

i think gopalik were just a bit fast.
You canNOT use a linkfield in a buttonarraylayout or buttonlayout (or buttonwidget).
-> you can create cardLayouts in a kind of buttonStyle and use them.

but a question: what do you try to archieve?

RE: How to put link inside button

osamaGamal — Mon, 09 May 2022 09:01:43 GMT

in which component inside the button should i place a!linkfield ?

RE: How to put link inside button

GopalK — Mon, 09 May 2022 08:53:24 GMT

Hi,You can not configure link inside a button But you can use card as a button and then you can configure your link.