How to make parts of an Appian label clickable?

Question

In my Appian interface, I have a section layout and I want to have a part of the label, namely the "End of Month" be clickable:

{
  a!sectionLayout(
    label: "Report ""End of Month""",
    contents: { [...] }
  )
}

I thought of using a link component, but the following does not work (it gives me a lengthy, unreadable label):

{
  a!sectionLayout(
    label: {
      concat("Report ",
             a!linkField(
               label: "",
               links: a!safeLink(
                 label: "End of Month",
                 uri: "http://the-full-url-pointing.to/end_of_month"
               )
             )
           },
    contents: { [...] }
  )
}

Is there a lengthy solution using a Rich Text Component inside the label of the section layout?

score 1 · Answer 1 · answered Aug 10 '21 at 23:28

There is no feature available to configure a link to any component's label.

And yes, you need to use Rich Text Component as following:

 {
  a!richTextDisplayField(
    value: {
      a!richTextItem(
        text: "Report ",
        style: "STRONG",
        size: "MEDIUM_PLUS"
      ),
      a!richTextItem(
        text: "End of Month",
        style: "STRONG",
        size: "MEDIUM_PLUS",
        link: a!safeLink(
          /*label: "End of Month",*/
          uri: "http://the-full-url-pointing.to/end_of_month"
        )
      )
    }
  ),
  a!sectionLayout(contents: {})
}

UI Screenshot:

Also, with rich text component, you can adjust the size, color and style of the text.

I hope, this helps.

How to make parts of an Appian label clickable?

1 Answers1