Forum Discussion
Sharepoint 365 - Adding clickable email to list
jacobite Yes, it is possible to convert the text field to clickable text in list view using column formatting. Follow below steps:
- Create a single line of text field in your list to enter email address.
- From list view, select column name header, select "Column settings" and then select "Format this column".
- Click on "Advanced mode" from right side panel.
- Copy-paste below JSON on textbox by removing existing JSON and click Save
{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "a", "txtContent": "@currentField", "attributes": { "href": "='mailto:' + @currentField" } }Output:
Documentation: SharePoint column formatting
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
jacobite Yes, it is possible to convert the text field to clickable text in list view using column formatting. Follow below steps:
- Create a single line of text field in your list to enter email address.
- From list view, select column name header, select "Column settings" and then select "Format this column".
- Click on "Advanced mode" from right side panel.
- Copy-paste below JSON on textbox by removing existing JSON and click Save
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "a",
"txtContent": "@currentField",
"attributes": {
"href": "='mailto:' + @currentField"
}
}
Output:
Documentation: SharePoint column formatting
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
Your solution is very useful. I have multiple persons in my Assigned to column and when i click on the link the email pops up with each person's email in the Send to: field. I need, if possible, to have each person receive an individual email as part of the Approval process.
In case of multiple selection person column, you will have to generate the mailto link for each user using "forEach" and click on each link manually to send email to respective user.
Check this JSON sample for your requirements: Multi-Person Mail To Link
Output:
Please consider giving a Like if my post helped you in any way.
ganeshsanap This is helpful, but now, if the user clicks on the same field and it is empty, Outlook opens up. How do I make it so that it only adds mailto: on fields that are not blank?
- Found the solution for anyone else interested.
I wanted to make a text field as a clickable mailto link, but only if it was not blank. Here's the code I used (under List Settings>Edit Column>Column Formatting)
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "a",
"txtContent": "=if(@currentField == '', '','Send E-Mail')",
"attributes": {
"href": "=if(@currentField == '', '','mailto:' + @currentField)"
}
}markm4g You can also use below JSON instead which shows/hides the anchor element based on the value of current column:
{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "a", "txtContent": "@currentField", "attributes": { "href": "='mailto:' + @currentField" }, "style": { "display": "=if(@currentField, 'block', 'none')" } }OR
{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "a", "txtContent": "@currentField", "attributes": { "href": "='mailto:' + @currentField" }, "style": { "display": "=if(@currentField != '', 'block', 'none')" } }Related read: SharePoint JSON formatting: Check if column is blank/empty
Please consider giving a Like if my post helped you in any way.
- ganeshsanap
many thanks for taking the time to contribute such a helpful response - many thanks! 🙂jacobite You're welcome, happy to help. Glad it worked for you!
Please consider giving a Like if my post helped you in any way.
