Dynamic images from SharePoint list within an Adaptative Card

(1) Share

Report

Posted on by Albertax

111

Hi Team,

I have a Flow that sends out an approval on Teams using the Adaptative Cards framework.

My problem is people want to be able to see a preview of the images from the SharePoint List (It's data source) and i cannot get it to refer to a dynamic image/photo field within my SharePoint list.

Has anyone who's actually used Adaptative Cards within their Flow been able to get dynamic images to show up? Specifically, from a SharePoint List.

Categories:

Building flows

All responses (3)

Answers (0)

Sort by

Michael E. Gernaey 53,970 Super User 2026 Season 2 on at

Like
a
(1)

Report
Copy link

Link copied!

Hi @Albertax

Are you referring to seeing Thumbnails or something else? You certainly can assign the Thumbnail and size (small/medium/large) assuming the image has them (dynamic or created by you).

Or were they looking for literal Previews where they can see a big version, read it etc? Just want to make sure so we can help.

Also, can you share how you are assigning the Image to an Image Control on the Card?

If I have helped you, I would really appreciate if you please Mark my answer as Resolved/Answered, and give it a thumbs up, so it can help others

Cheers

Thank You
Michael Gernaey MCT | MCSE | MCP | Self-Contractor| Ex-Microsoft
https://gernaeysoftware.com
LinkedIn: https://www.linkedin.com/in/michaelgernaey
Albertax 111 on at

Like
a
(0)

Report
Copy link

Link copied!
Hi Michael,

Thank you for taking the time to respond. Excuse me for the tardy response to your reply.

I am happy to do just a review of the thumbnail.

This is my code below:

{ "type": "AdaptiveCard", "msteams": { "width": "Full" }, "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.5", "body": [ { "type": "TextBlock", "text": "Flash Alert ID @{items('Apply_to_each')?['ID']} - @{items('Apply_to_each')?['Title']}", "wrap": true, "size": "ExtraLarge", "color": "Accent" }, { "type": "TextBlock", "text": "Please review the flash alert below. A second card will follow with editing & distribution options.", "wrap": true }, { "type": "Image", "url": "${$root}" }, { "type": "TextBlock", "text": "Project Details", "wrap": true, "weight": "Default", "color": "Default", "id": "alertParticulars", "size": "Small", "isSubtle": true }, { "type": "FactSet", "facts": [ { "title": "BU", "value": "@{items('Apply_to_each')?['field_0/Value']}" }, { "title": "LOB", "value": "@{items('Apply_to_each')?['field_1/Value']}" }, { "title": "Project", "value": "@{items('Apply_to_each')?['field_2/Value']}" }, { "title": "Reported By", "value": "@{items('Apply_to_each')?['field_9']}" } ] } ] }

My problem is, how do i refer to Photo1 field? from my Sharepoint list and show a thumbnail?
Clarice 21 on at

Like
a
(0)

Report
Copy link

Link copied!

If you can make the list a document library instead you could then insert a step to update the file properties (it might be worthwhile to check and see if Update List Item has a thumbnail URL output first). This will give you the thumbnail URLs as an output that you can add into your card Json. You can add an action where if the user clicks on it the document opens. You could also just add into your flow to store the files in another SharePoint location as well as the list just so that you can grab the thumbnails and the users can continue to only interact with the list.