Skip to main content

Notifications

Community site session details

Community site session details

Session Id :
Power Automate - Building Flows
Unanswered

Dynamic images from SharePoint list within an Adaptative Card

(1) ShareShare
ReportReport
Posted on by 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.

  • Clarice Profile Picture
    19 on at
    Re: Dynamic images from SharePoint list within an Adaptative Card

    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.

  • Albertax Profile Picture
    111 on at
    Re: Dynamic images from SharePoint list within an Adaptative Card

    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? 

  • Michael E. Gernaey Profile Picture
    44,064 Super User 2025 Season 1 on at
    Re: Dynamic images from SharePoint list within an Adaptative Card

    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

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Paul Stork – Community Spotlight

We are honored to recognize Paul Stork as our July 2025 Community…

Congratulations to the June Top 10 Community Leaders!

These are the community rock stars!

Announcing the Engage with the Community forum!

This forum is your space to connect, share, and grow!

Leaderboard > Power Automate

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 497 Super User 2025 Season 1

#2
David_MA Profile Picture

David_MA 436 Super User 2025 Season 1

#3
Riyaz_riz11 Profile Picture

Riyaz_riz11 244 Super User 2025 Season 1