Get Images (if any) from Microsoft Lists and post to teams via Flow

%3CLINGO-SUB%20id%3D%22lingo-sub-2340203%22%20slang%3D%22en-US%22%3EGet%20Images%20(if%20any)%20from%20Microsoft%20Lists%20and%20post%20to%20teams%20via%20Flow%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2340203%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20all%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI've%20got%20a%20Microsoft%20Lists%20with%20different%20info%2C%20and%20i%20wish%20to%20post%20any%20changes%20in%20Lists%20into%20Teams.%20I've%20so%20far%20set%20it%20up%20that%20my%20Flow%20monitors%20the%20list%20and%20*if*%20there's%20an%20change%20with%20the%20Status%20value%20set%20to%20Publish%20-%20Flow%20will%20post%20this%20row%20into%20a%20teams%20channel.%20This%20works%2C%20but%20i've%20got%20issues%20with%20those%20rows%20that%20has%20an%20image%2Fpicture%20in%20it%2C%20won't%20get%20posted%20into%20team%20with%20the%20rest%20of%20the%20row%20content%20(text).%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22McJasem_0-1620637474682.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F279420iE53B84ED5860C009%2Fimage-size%2Fmedium%3Fv%3Dv2%26amp%3Bpx%3D400%22%20role%3D%22button%22%20title%3D%22McJasem_0-1620637474682.png%22%20alt%3D%22McJasem_0-1620637474682.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI've%20tried%20different%20methods%2C%20nut%20none%20have%20helped%20me%20include%20images%20into%20the%20postes%20teams%20message.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIf%20you%20have%20some%20suggestions%20please%20share%2C%20thanks..%20%3F%3F%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-2340203%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EMicrosoft%20Flow%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EPower%20Automate%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EPowerAutomate%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ETeams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2431652%22%20slang%3D%22en-US%22%3ERe%3A%20Get%20Images%20(if%20any)%20from%20Microsoft%20Lists%20and%20post%20to%20teams%20via%20Flow%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2431652%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1049588%22%20target%3D%22_blank%22%3E%40McJasem%3C%2FA%3E%26nbsp%3Binstead%20of%20the%20Teams%20Post%20a%20message%20action%20you%20need%20to%20use%20%3CSTRONG%3EPost%20your%20own%20adaptive%20card%20as%20the%20flow%20bot%20to%20a%20channel%3C%2FSTRONG%3E.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThe%20sort%20of%20JSON%20you%20would%20need%2C%20including%20for%20the%20image%2C%20is%20as%20follows%3A%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%0A%20%20%20%20%22type%22%3A%20%22AdaptiveCard%22%2C%0A%20%20%20%20%22body%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22type%22%3A%20%22ColumnSet%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22columns%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22type%22%3A%20%22Column%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22items%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22type%22%3A%20%22TextBlock%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text%22%3A%20%22REI%20News%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22wrap%22%3A%20true%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22type%22%3A%20%22TextBlock%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22spacing%22%3A%20%22None%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22size%22%3A%20%22Large%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22weight%22%3A%20%22Bolder%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text%22%3A%20%22%40%7Bbody('Get_file_properties')%3F%5B'Title'%5D%7D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22type%22%3A%20%22TextBlock%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22spacing%22%3A%20%22None%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text%22%3A%20%22%40%7Boutputs('Compose_First_Published')%7D%20-%20%40%7Boutputs('Compose_Contact')%7D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22isSubtle%22%3A%20true%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22type%22%3A%20%22TextBlock%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22size%22%3A%20%22Small%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22text%22%3A%20%22%40%7Bbody('Get_file_properties')%3F%5B'Description'%5D%7D%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22wrap%22%3A%20true%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22type%22%3A%20%22Image%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22url%22%3A%20%22%40%7Bbody('Get_file_properties')%3F%5B'BannerImageUrl'%5D%7D%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%5D%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22width%22%3A%202%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%5D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%2C%0A%20%20%20%20%22actions%22%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%22type%22%3A%20%22Action.OpenUrl%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22Go%20to%20news%20article%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22url%22%3A%20%22%40%7Bbody('Get_file_properties')%3F%5B'%7BLink%7D'%5D%7D%22%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%2C%0A%20%20%20%20%22%24schema%22%3A%20%22http%3A%2F%2Fadaptivecards.io%2Fschemas%2Fadaptive-card.json%22%2C%0A%20%20%20%20%22version%22%3A%20%221.0%22%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20would%20give%20you%20a%20result%20like%20this%3A%3CBR%20%2F%3E%3CBR%20%2F%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-center%22%20image-alt%3D%22adaptiveCardNews.png%22%20style%3D%22width%3A%20529px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F287529iD492B6BA4E7FDB13%2Fimage-size%2Flarge%3Fv%3Dv2%26amp%3Bpx%3D999%22%20role%3D%22button%22%20title%3D%22adaptiveCardNews.png%22%20alt%3D%22adaptiveCardNews.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ERob%3CBR%20%2F%3ELos%20Gallardos%3CBR%20%2F%3E%3CFONT%20size%3D%222%22%20color%3D%22%23006400%22%3EMicrosoft%20Power%20Automate%20Community%20Super%20User%3C%2FFONT%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-2660747%22%20slang%3D%22en-US%22%3ERe%3A%20Get%20Images%20(if%20any)%20from%20Microsoft%20Lists%20and%20post%20to%20teams%20via%20Flow%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-2660747%22%20slang%3D%22en-US%22%3EHi%20Rob%3CBR%20%2F%3E%3CBR%20%2F%3EThanks%20for%20the%20great%20advice%2C%20but%20i'm%20still%20a%20novice%20and%20the%20JSON%20code%20isn't%20something%20i'm%20familiar%20with.%20Could%20you%20perhaps%20explain%2C%20or%20do%20you%20have%20a%20work%20around%20that%20don't%20need%20JSON%20code%3F%3CBR%20%2F%3E%3CBR%20%2F%3E%2FMcJasem%3C%2FLINGO-BODY%3E
New Contributor

Hi all,

 

I've got a Microsoft Lists with different info, and i wish to post any changes in Lists into Teams. I've so far set it up that my Flow monitors the list and *if* there's an change with the Status value set to Publish - Flow will post this row into a teams channel. This works, but i've got issues with those rows that has an image/picture in it, won't get posted into team with the rest of the row content (text).

McJasem_0-1620637474682.png

 

I've tried different methods, nut none have helped me include images into the postes teams message.

 

If you have some suggestions please share, thanks.. ??

2 Replies

@McJasem instead of the Teams Post a message action you need to use Post your own adaptive card as the flow bot to a channel.

 

The sort of JSON you would need, including for the image, is as follows:

{
    "type": "AdaptiveCard",
    "body": [
        {
            "type": "ColumnSet",
            "columns": [
                {
                    "type": "Column",
                    "items": [
                        {
                            "type": "TextBlock",
                            "text": "REI News",
                            "wrap": true
                        },
                        {
                            "type": "TextBlock",
                            "spacing": "None",
                            "size": "Large",
                            "weight": "Bolder",
                            "text": "@{body('Get_file_properties')?['Title']}"
                        },
                        {
                            "type": "TextBlock",
                            "spacing": "None",
                            "text": "@{outputs('Compose_First_Published')} - @{outputs('Compose_Contact')}",
                            "isSubtle": true
                        },
                        {
                            "type": "TextBlock",
                            "size": "Small",
                            "text": "@{body('Get_file_properties')?['Description']}",
                            "wrap": true
                        },
                        {
                            "type": "Image",
                            "url": "@{body('Get_file_properties')?['BannerImageUrl']}"
                        }
                    ],
                    "width": 2
                }
            ]
        }
    ],
    "actions": [
        {
            "type": "Action.OpenUrl",
            "title": "Go to news article",
            "url": "@{body('Get_file_properties')?['{Link}']}"
        }
    ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.0"
}

 

This would give you a result like this:

adaptiveCardNews.png

 

Rob
Los Gallardos
Microsoft Power Automate Community Super User

Hi Rob

Thanks for the great advice, but i'm still a novice and the JSON code isn't something i'm familiar with. Could you perhaps explain, or do you have a work around that don't need JSON code?

/McJasem