Contact Us Email within Site/Page

RE: Contact Us Email within Site/Page

Shubham Aware — Fri, 25 Jul 2025 05:03:02 GMT

You're using mailto:// instead of mailto: and url: instead of uri: in a!safeLink, plus missing commas and parentheses.
Made changes to your code have a look at it..

a!headerContentLayout(
  header: {
    a!cardLayout(
      contents: {
        a!richTextDisplayField(
          labelPosition: "COLLAPSED",
          value: {
            a!richTextIcon(
              icon: "paw",
              color: "#255be3",
              size: "EXTRA_LARGE"
            )
          },
          align: "RIGHT"
        )
      },
      height: "AUTO",
      style: "#0f1632",
      marginBelow: "NONE",
      showBorder: false
    )
  },
  contents: {
    a!sideBySideLayout(
      items: {
        a!sideBySideItem(
          item: a!richTextDisplayField(
            labelPosition: "COLLAPSED",
            value: {
              a!richTextIcon(
                icon: "question-circle",
                color: "#255be3",
                size: "EXTRA_LARGE"
              )
            },
            align: "CENTER",
            marginAbove: "EVEN_MORE",
            marginBelow: "STANDARD"
          )
        )
      }
    ),
    a!richTextDisplayField(
      labelPosition: "COLLAPSED",
      value: {
        a!richTextItem(
          text: {
            "Questions, comments, concerns "
          },
          size: "LARGE"
        ),
        char(10),
        a!richTextItem(
          text: {
            "or to report an issue"
          },
          size: "LARGE"
        )
      },
      align: "CENTER",
      marginAbove: "MORE"
    ),
    a!richTextDisplayField(
      labelPosition: "COLLAPSED",
      value: {
        a!richTextItem(
          text:"Company Team Address",
          link : a!safeLink(
            label: "emailaddress@company.com",
            uri: "mailto://emailaddress@company.com"
            ),
           color: "#255be3",
           size: "LARGE",
           style:"STRONG"
            
          )
      },
      tooltip: "Click here to send us an email",
      align: "CENTER"
    )
  }
)

RE: Contact Us Email within Site/Page

Stefan Helzle — Thu, 24 Jul 2025 18:04:52 GMT

The parameter in the safelink is uri, not url.

Try this code:

a!linkField(
  links: a!safeLink(
    label: "test@test.com",
    uri: "mailto:test@test.com"
  )
)

RE: Contact Us Email within Site/Page

Mirza-A88 — Thu, 24 Jul 2025 17:37:40 GMT

My apologies, also my first time posting in the Community section as well. Currently the entire page just goes blank as soon as I enter the link|safelink expression. The page just sort of grays out and doesn't populate anything.

So this portion should have the backslashes removed from it, correct?

url: "mailto://emailaddress@company.com"

Here is the code again:

a!headerContentLayout(
  header: {
    a!cardLayout(
      contents: {
        a!richTextDisplayField(
          labelPosition: "COLLAPSED",
          value: {
            a!richTextIcon(
              icon: "paw",
              color: "#255be3",
              size: "EXTRA_LARGE"
            )
          },
          align: "RIGHT"
        )
      },
      height: "AUTO",
      style: "#0f1632",
      marginBelow: "NONE",
      showBorder: false
    )
  },
  contents: {
    a!sideBySideLayout(
      items: {
        a!sideBySideItem(
          item: a!richTextDisplayField(
            labelPosition: "COLLAPSED",
            value: {
              a!richTextIcon(
                icon: "question-circle",
                color: "#255be3",
                size: "EXTRA_LARGE"
              )
            },
            align: "CENTER",
            marginAbove: "EVEN_MORE",
            marginBelow: "STANDARD"
          )
        )
      }
    ),
    a!richTextDisplayField(
      labelPosition: "COLLAPSED",
      value: {
        a!richTextItem(
          text: {
            "Questions, comments, concerns "
          },
          size: "LARGE"
        ),
        char(10),
        a!richTextItem(
          text: {
            "or to report an issue"
          },
          size: "LARGE"
        )
      },
      align: "CENTER",
      marginAbove: "MORE"
    ),
    a!richTextDisplayField(
      labelPosition: "COLLAPSED",
      value: {
        a!richTextItem(
          text: {
            "Company Team Address"
          },
        link : 
        a!safeLink(
          label: "emailaddress@company.com",
          url: "mailto://emailaddress@company.com"
          color: "#255be3",
          size: "LARGE",
          style: {
            "STRONG"
          }
        )
    )    
},
      tooltip: "Click here to send us an email",
      align: "CENTER"
    )
  }
)

RE: Contact Us Email within Site/Page

Stefan Helzle — Thu, 24 Jul 2025 17:03:26 GMT

This would make your code much more readable.

Now, what do you experience when clicking that link.

And, Appian can only display that link with a mailto-URL. When clicked, the browser will try to open the default email app on your computer.

And that URL should look like this: "mailto:name@bla.com"