Please try below codes. To open link in a new tab, please press Ctrl in the keyboard then click link.
{
"debugmode": "true",
"elmType": "div",
"attributes": {
"class": "ms-bgColor-black"
},
"style": {
"width": "100%",
"border-top-width": "0px",
"border-bottom-width": "0px",
"border-left-width": "0px",
"border-right-width": "0px",
"border-style": "solid",
"margin-bottom": "16px"
},
"children": [
{
"elmType": "div",
"style": {
"display": "flex",
"box-sizing": "border-box",
"align-items": "center"
},
"children": [
{
"elmType": "img",
"style": {
"width": "150px"
},
"attributes": {
"src": "https://tenant.sharepoint.com/sites/emilytest2/testdoc/White_Persian_Cat.jpg"
}
}
]
},
{
"elmType": "div",
"style": {
"box-sizing": "border-box",
"width": "100%",
"text-align": "left",
"padding": "6px 12px",
"overflow": "hidden"
},
"children": [
{
"elmType": "div",
"txtContent": "=if ([$Title] == '', 'Health & Safety Attestation Survey', 'Item: ' + [$Title])",
"attributes": {
"class": "ms-fontColor-white ms-fontWeight-bold ms-fontSize-24"
}
}
]
},
{
"elmType": "div",
"style": {
"box-sizing": "border-box",
"width": "100%",
"text-align": "left",
"padding": "6px 12px",
"overflow": "hidden"
},
"children": [
{
"elmType": "div",
"style": {
"box-sizing": "border-box",
"width": "100%",
"text-align": "left",
"padding": "6px 12px",
"overflow": "hidden"
},
"children": [
{
"elmType": "a",
"txtContent": "link1",
"attributes": {
"href": "='https://aka.ms/contacts?email=' + [$Email]",
"class": "ms-fontColor-white ms-fontSize-20"
}
}
]
},
{
"elmType": "div",
"style": {
"box-sizing": "border-box",
"width": "100%",
"text-align": "left",
"padding": "6px 12px",
"overflow": "hidden"
},
"children": [
{
"elmType": "a",
"txtContent": "link2",
"attributes": {
"href": "='https://aka.ms/contacts?email=' + [$Email]",
"class": "ms-fontColor-white ms-fontSize-20"
}
}
]
},
{
"elmType": "div",
"style": {
"box-sizing": "border-box",
"width": "100%",
"text-align": "left",
"padding": "6px 12px",
"overflow": "hidden"
},
"children": [
{
"elmType": "a",
"txtContent": "link3",
"attributes": {
"href": "='https://aka.ms/contacts?email=' + [$Email]",
"class": "ms-fontColor-white ms-fontSize-20"
}
}
]
},
{
"elmType": "div",
"style": {
"box-sizing": "border-box",
"width": "100%",
"text-align": "left",
"padding": "6px 12px",
"overflow": "hidden"
},
"children": [
{
"elmType": "a",
"txtContent": "link4",
"attributes": {
"href": "='https://aka.ms/contacts?email=' + [$Email]",
"class": "ms-fontColor-white ms-fontSize-20"
}
}
]
}
]
}
]
}
If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.