Forum Discussion
Solved
SharePoint Online JSON column formatting on image column.
Hi all, I have a few images saved in a document library, and i also have a list that contains an image column. When an item is created they select the image from the gallery to add to the list it...
Hi Jay L the JSON code for formatting the image column is:
{
"elmType": "img",
"style": {
"width": "100px"
},
"attributes": {
"src": "@currentField"
}
}If you want to make it clickable then the JSON is:
{
"elmType": "a",
"attributes": {
"href": "@currentField",
"target": "_blank"
},
"children": [
{
"elmType": "img",
"style": {
"width": "150px"
},
"attributes": {
"src": "@currentField"
}
}
]
}Rob
Los Gallardos
Microsoft Power Automate Community Super User
Hi Jay L the JSON code for formatting the image column is:
{
"elmType": "img",
"style": {
"width": "100px"
},
"attributes": {
"src": "@currentField"
}
}
If you want to make it clickable then the JSON is:
{
"elmType": "a",
"attributes": {
"href": "@currentField",
"target": "_blank"
},
"children": [
{
"elmType": "img",
"style": {
"width": "150px"
},
"attributes": {
"src": "@currentField"
}
}
]
}
Rob
Los Gallardos
Microsoft Power Automate Community Super User
RobElliott Thanks for your response! Is the image column you're using a hyperlink or picture? I have mine set to picture and the image comes in as shown below:
Jay L it's a hyperlink column set as Picture type:
Make sure you are saving the images in an asset library on the site. And copy the link to each one from the menu:
Rob
RobElliott Ah i see what I was doing wrong, I was capturing the link to the image via 'Copy Link' from the ellipsis menu. Changed the url to the image to: https://tenant.sharepoint.com/sites/sitename/SiteAssets/Locations/Corporate.png
and it worked.
Thanks for your help Rob!
