Combining text with clickable email address using mailto

RE: Combining text with clickable email address using mailto

nicholaso0002 — Mon, 29 Apr 2024 11:49:22 GMT

This worked for me:

uri: "mailto:" & fv!item.emailDesc,

RE: Combining text with clickable email address using mailto

nicholaso0002 — Mon, 29 Apr 2024 11:18:03 GMT

Hello Please, How do I make the mailto: dynamic. I want the email to provided as shown in the image:

Thanks

==============================code

===============================================================================

                  a!sideBySideItem(
                    showwhen: not(local!isEditable),
                    item: a!richTextDisplayField(
                      labelPosition: "COLLAPSED",
                      value: {
                        a!richTextItem(
                          text: { "Email" },
                          color: "SECONDARY",
                          size: "SMALL"
                        ),
                        char(10),
                        a!richTextItem(
                          text: fv!item.emailDesc,
                          link :
                          a!safeLink(
                            label: fv!item.emailDesc,
                            uri: "mailto://fv!item.emailDesc"
                          ),
                          style: "STRONG"
                        )
                      }
                    )
                  ),

RE: Combining text with clickable email address using mailto

Mike Schmitt — Wed, 14 Aug 2019 14:03:03 GMT

[quote userid="39420" url="~/discussions/f/user-interface/17456/combining-text-with-clickable-email-address-using-mailto/68818"]So what exactly did you change, just so I can learn from the problem?[/quote]

As mentioned, you had a richTextDisplayField component nested within the value parameter of another richTextDisplayField. Basically a complete extra unnecessary level of nesting.

RE: Combining text with clickable email address using mailto

urszulak0001 — Wed, 14 Aug 2019 11:04:08 GMT

Thanks a million. This solved the problem. So what exactly did you change, just so I can learn from the problem?

RE: Combining text with clickable email address using mailto

vinayr214137 — Wed, 14 Aug 2019 10:59:02 GMT

You have call the richtextDisplayField inside the richtextDisplayField component.

load(
  local!docuList: {
    "Passport",
    "Proof of address",
    "Qualification certificates"
  },
  a!sectionLayout(
    label: "",
    contents: {
      a!richTextDisplayField(
        label: "",
        labelPosition: "ABOVE",
        value: {
          a!richTextItem(
            text: concat(
              "Your application has been submitted!" & char(
                10
              ),
              char(
                10
              )
            ),
            size: "LARGE"
          ),
          a!richTextItem(
            text: concat(
              "Your Application Reference number is ",
              ri!applicationId,
              char(
                10
              )
            ),
            size: "LARGE"
          ),
          a!richTextItem(
            text: "
Your application will now be reviewed by a member of our registration and advice team and we will process it as quickly as possible. As part of the application process we might need more information about you, so please make sure you check your emails regularly.
You may be asked to provide any of the following documents:
",
            size: "MEDIUM"
          )
        }
      ),
      a!richTextDisplayField(
        value: a!richTextBulletedList(
          items: local!docuList
        )
      ),
      a!richTextDisplayField(
        label: "",
        labelPosition: "ABOVE",
        value: {
          a!richTextItem(
            text: {
              "If your application is approved, you will get an email notification asking you to login to your account and pay the registration fee."
            },
            size: "MEDIUM"
          )
        }
      ),
      a!richTextDisplayField(
        label: "",
        labelPosition: "ABOVE",
        value: {
          a!richTextItem(
            text: {
              "Please note, you will not be able to practise as a social worker before your application has been approved and you have paid the registration fee."
            },
            size: "MEDIUM"
          )
        }
      ),
      a!linkField(
        links : {
          a!safeLink(
            label : "Start Survey",
            uri : cons!SURVEY_URL
          )          
        }
      ),      
      a!richTextDisplayField(
        label: "",
        labelPosition: "ABOVE",
        value: {
          a!richTextItem(
            text: {
              "You can log back in to your account to see the status of your application and read new messages."
            },
            size: "MEDIUM"
          )
        }
      ),
      a!richTextDisplayField(
        label: "Rich Text",
        labelPosition: "ABOVE",
        value: {
        
              a!richTextItem(
                text : "For enquiries please email ",
                size: "MEDIUM"
              ),
              a!richTextItem(
                text: "emailaddress@company.com",
                link : 
                a!safeLink(
                  label: "emailaddress@company.com",
                  uri: "mailto://emailaddress@company.com"
                ),           
                size: "MEDIUM"
              )
            
        }
      ),
      a!richTextDisplayField(
        label: "",
        labelPosition: "ABOVE",
        value: {
          a!richTextItem(
            text: "Return to your account overview",
            link: a!safeLink(
              label : "Return to your account overview",
              uri : cons!PORTAL_URL
            )
          )})
    },
    showWhen: ri!showWhen
  )
)

RE: Combining text with clickable email address using mailto

urszulak0001 — Wed, 14 Aug 2019 10:11:56 GMT

load(
  local!docuList: {
    "Passport",
    "Proof of address",
    "Qualification certificates"
  },
  a!sectionLayout(
    label: "",
    contents: {
      a!richTextDisplayField(
        label: "",
        labelPosition: "ABOVE",
        value: {
          a!richTextItem(
            text: concat(
              "Your application has been submitted!" & char(
      10
    ),
              char(
                10
              )
            ),
            size: "LARGE"
          ),
          a!richTextItem(
            text: concat(
              "Your Application Reference number is ",
              ri!applicationId,
              char(
                10
              )
            ),
            size: "LARGE"
          ),
          a!richTextItem(
            text: "
Your application will now be reviewed by a member of our registration and advice team and we will process it as quickly as possible. As part of the application process we might need more information about you, so please make sure you check your emails regularly.
You may be asked to provide any of the following documents:
",
            size: "MEDIUM"
          )
        }
      ),
      a!richTextDisplayField(
        value: a!richTextBulletedList(
          items: local!docuList
        )
      ),
      a!richTextDisplayField(
        label: "",
        labelPosition: "ABOVE",
        value: {
          a!richTextItem(
            text: {
              "If your application is approved, you will get an email notification asking you to login to your account and pay the registration fee."
            },
            size: "MEDIUM"
          )
        }
      ),
      a!richTextDisplayField(
        label: "",
        labelPosition: "ABOVE",
        value: {
          a!richTextItem(
            text: {
              "Please note, you will not be able to practise as a social worker before your application has been approved and you have paid the registration fee."
            },
            size: "MEDIUM"
          )
        }
      ),
      a!linkField(
        links : {
          a!safeLink(
            label : "Start Survey",
            uri : cons!SURVEY_URL
          )          
        }
      ),      
      a!richTextDisplayField(
        label: "",
        labelPosition: "ABOVE",
        value: {
          a!richTextItem(
            text: {
              "You can log back in to your account to see the status of your application and read new messages."
            },
            size: "MEDIUM"
          )
        }
      ),
      a!richTextDisplayField(
        label: "Rich Text",
        labelPosition: "ABOVE",
        value: {
          a!richTextDisplayField(
            value : 
            {
              a!richTextItem(
                text : "For enquiries please email ",
                size: "MEDIUM"
              ),
              a!richTextItem(
                text: "emailaddress@company.com",
                link : 
                a!safeLink(
                  label: "emailaddress@company.com",
                  uri: "mailto://emailaddress@company.com"
                ),           
                size: "MEDIUM"
              )
            }
          )
        }
      ),
      a!richTextDisplayField(
        label: "",
        labelPosition: "ABOVE",
        value: {
          a!richTextItem(
            text: "Return to your account overview",
            link: a!safeLink(
              label : "Return to your account overview",
              uri : cons!PORTAL_URL
            )
          )})
    },
    showWhen: ri!showWhen
  )
)

RE: Combining text with clickable email address using mailto

vinayr214137 — Wed, 14 Aug 2019 09:51:17 GMT

Please share your complete code, I think you are calling richTextDisplayField inside component

RE: Combining text with clickable email address using mailto

vinishaan — Wed, 14 Aug 2019 09:48:02 GMT

What error do you see? The code should work, you can even pass email subject and cc recipients if needed from Appian on clicking that link. Below is the code snippet,

a!richTextDisplayField(
value: {
a!richTextItem(
text: "For enquiries please email "
),
a!richTextItem(
text: "ask@company.com",
link: a!safeLink(
label: "ask@company.com",
uri: "mailto://ask@company.com?subject=Clarification needed&cc=test@test.com"
),
size: "MEDIUM"
)
}
)

RE: Combining text with clickable email address using mailto

urszulak0001 — Wed, 14 Aug 2019 09:47:43 GMT

Thanks so much for this. This is the error message: Interface Definition: Expression evaluation error at function a!richTextDisplayField [line 70]: A rich text display component [label=“”] has an invalid value for “value”. Value can only be of type text, rich text item, rich text image, rich text icon, rich text bulleted list, or rich text numbered list. Received RichTextDisplayField.

RE: Combining text with clickable email address using mailto

vinayr214137 — Wed, 14 Aug 2019 09:35:21 GMT

Not sure why you got the error message, but for me its working fine.

Please share the error message.

a!richTextDisplayField(
        value : 
        {
          a!richTextItem(
            text : "For enquiries please email ",
            size: "MEDIUM"
          ),
          a!richTextItem(
            text: "emailaddress@company.com",
            link : 
            a!safeLink(
              label: "emailaddress@company.com",
              uri: "mailto://emailaddress@company.com"
            ), 
            size: "MEDIUM"
          )
        }
      )

RE: Combining text with clickable email address using mailto

urszulak0001 — Wed, 14 Aug 2019 09:27:10 GMT

I get an error message. However I need a link only on emailaddress@company.com and not whole text

RE: Combining text with clickable email address using mailto

vinayr214137 — Wed, 14 Aug 2019 09:20:49 GMT

Hi,

Try this

a!richTextDisplayField(
  value : 
      a!richTextItem(
        text: "For enquiries please email ",
        link : 
        a!safeLink(
          label: "emailaddress@company.com",
          uri: "mailto://emailaddress@company.com"
        ), 
        size: "MEDIUM"
      )
)

Thanks