Add an Action Button to a field for sending an Email in SharePoint List/Library using JSON

In this SharePoint tutorial, We will discuss how to add an Action Button to a field for sending an Email in SharePoint List using JSON. The same action Button you can use for SharePoint Library also.

Add an Action Button for sending an Email in SharePoint List

To add this Send an Email action Button into the list column, Follow the below steps:

Step-1:

First of all, Create a SharePoint List or Library. Here in the below screenshot, I have created a Task list named as “EmployeeTask”. In the task list, there will be a default column present as”Assigned To”.

Note: If you are creating a Custom list, Make sure that your List column will be “Person”. Then only it will work.

Step-2:

Now to add this Send Email action button, Click on to the “Assigned To” drop-down column. Then choose “Format this column” and click it like the given screenshot.

Step-3:

After clicking “Format this column”, A format column text box will appear in the existing page where you have to add the JSON Code for Sending the Email action button. In the below screenshot, I have added the JSON Code and then click on “Save” button.

If you want to preview this JSON Code, then click on “Preview” and view the List. You can follow this below JSON Code.

JSON Code:

{
"$schema": "https://developer.microsoft.com/json-schemas/sp/column-formatting.schema.json",
"elmType": "div",
"children": [
{
"elmType": "span",
"style": {
"padding-right": "8px"
},
"txtContent": "@currentField.title"
},
{
"elmType": "a",
"attributes": {
"iconName": "Mail",
"class": "sp-field-quickActions",
"href": {
"operator": "+",
"operands": [
"mailto:",
"@currentField.email",
"?subject=Task status&body=Hey, how is your task coming along?.\r\n—\r\n",
"@currentField.title",
"[$ID]"
] }
}
}
] }

Step-4:

Now in the below screenshot, You can see the “Assigned To” column will appear with the Mail box icon.

Step-5:

Once you will click on the Mail box icon, It will direct open the Outlook Email as below. By using this Mail Box icon, You can easily Email to others without navigating to other page.

You may like following SharePoint list and library tutorials:

• Save list as template missing in SharePoint Online modern team site
• How to uncheck add as a new version to existing files in SharePoint Online
• Get Thumbnail Image URL from SharePoint Picture Library
• Delete All items from the SharePoint List using PnP core CSOM Library Programmatically
• Create Folder and Subfolder in SharePoint Document Library using PnP Core CSOM Library
• How to add Link to a Document Library in SharePoint Online/2013/2016
• Change SharePoint Online/2013/2016 List Column Order
• Approve/Reject documents or items using Content Approval in SharePoint Online or SharePoint 2016/2013
• Sync SharePoint Online Document Library with OneDrive and Work with Files Offline
• Add multiple Office templates as content type to a document library in SharePoint Online/2013/2016

In this article, we discussed how to add an Action Button to a field for sending an Email in SharePoint List or Library using JSON.