Contact Us Email within Site/Page

Question

I am extremely new to Appian and looking for some answers. I have searched the forums to no avail. I have created a Site with multiple pages in it, one of them being a Contact Us page. On the Contact Us page, I have been trying to apply the expression link: a!safelink in an attempt to generate emails using our default email server (Outlook) once a person clicks the "Company Team Email" verbiage. Is this something that Appian is capable of doing? 
 
 This is my entire expression code: 
 
 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 Email" 
 }, 
 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" 
 ) 
 } 
 )

Shubham Aware · Answer

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"
 )
 }
)