SOLVED

Adaptive Cards from Flow bot showing up blank in iOS

%3CLINGO-SUB%20id%3D%22lingo-sub-1316433%22%20slang%3D%22en-US%22%3EAdaptive%20Cards%20from%20Flow%20bot%20showing%20up%20blank%20in%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1316433%22%20slang%3D%22en-US%22%3E%3CP%3EHey%20there!%3CBR%20%2F%3E%3CBR%20%2F%3E%3C%2FP%3E%3CP%3EI've%20created%20a%20flow%20in%20Power%20Automate%20that%2C%20when%20a%20new%20item%20is%20created%20in%20a%20specific%20SharePoint%20list%20is%20created%2C%20it%20posts%20an%20adaptive%20card%20in%20a%20channel%20in%20Teams.%20The%20card%20includes%20a%20bunch%20of%20information%20from%20that%20list%2C%20a%20button%20link%20to%20edit%20the%20list%20item%2C%20and%20another%20button%20linking%20off%20to%20some%20related%20material.%20On%20desktop%2C%20each%20new%20item%20on%20the%20list%20creates%20a%20new%20card%20in%20the%20desktop%20app%20channel%20as%20expected.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EHowever%2C%20on%20mobile%2C%20this%20happens%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22adaptive%20card%20failure.jpg%22%20style%3D%22width%3A%20461px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F185025i0468D98D60AD8269%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20title%3D%22adaptive%20card%20failure.jpg%22%20alt%3D%22adaptive%20card%20failure.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EI%20have%20the%20following%20at%20the%20top%20of%20my%20adaptive%20card%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-javascript%22%3E%3CCODE%3E%22%24schema%22%3A%20%22http%3A%2F%2Fadaptivecards.io%2Fschemas%2Fadaptive-card.json%22%2C%0A%22type%22%3A%20%22AdaptiveCard%22%2C%0A%22version%22%3A%20%221.2%22%2C%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EIs%20it%20perhaps%20something%20with%20how%20I%20initialized%20it%3F%20(I%20will%20say%20that%20adaptive%20cards%20messaged%20to%20individual%20users%20by%20Flow%20bot%20seem%20to%20be%20working%20fine.)%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20is%20my%20first%20post%2C%20so%20please%20let%20me%20know%20if%20I've%20been%20naughty%20and%20this%20belongs%20somewhere%20else.%20(I%20see%20a%20bug%20posting%20area%20in%20UserVoice%20and%20something%20called%20answers.microsoft.com%20and%20the%20difference%20between%20these%20three%20very%20similar-seeming%20areas%20unfortunately%20eludes%20me.)%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1316433%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Eadaptive%20cards%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EFlow%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EMicrosoft%20Teams%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1323680%22%20slang%3D%22en-US%22%3ERe%3A%20Adaptive%20Cards%20from%20Flow%20bot%20showing%20up%20blank%20in%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1323680%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F626541%22%20target%3D%22_blank%22%3E%40BeauGP%3C%2FA%3E%26nbsp%3BI%20have%20the%20exact%20same%20issue.%20Also%2C%20looking%20at%20the%20Adaptive%20Cards%20documentation%2C%20I%20have%20no%20clue%20why%20this%20is.%20It%20should%20work%2C%20but%20it%20doesn't.%20Hopefully%2C%20there's%20somebody%20out%20there%20that%20can%20point%20us%20in%20the%20right%20direction.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1361006%22%20slang%3D%22en-US%22%3ERe%3A%20Adaptive%20Cards%20from%20Flow%20bot%20showing%20up%20blank%20in%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1361006%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F626541%22%20target%3D%22_blank%22%3E%40BeauGP%3C%2FA%3E%26nbsp%3BSame%20problem%20on%20Android.%20The%20cards%20show%20in%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CDIV%20class%3D%22mceNonEditable%20lia-copypaste-placeholder%22%3E%26nbsp%3B%3C%2FDIV%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Screenshot_20200505-194240_Teams.jpg%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F189163i82C50D911DF10262%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22Screenshot_20200505-194240_Teams.jpg%22%20alt%3D%22Screenshot_20200505-194240_Teams.jpg%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EThis%20is%20my%20adaptive%20card%20code%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CPRE%20class%3D%22lia-code-sample%20language-json%22%3E%3CCODE%3E%7B%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%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%22TextBlock%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22size%22%3A%20%22Medium%22%2C%0A%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%22text%22%3A%20%22Test%20title%22%0A%20%20%20%20%20%20%20%20%7D%2C%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%22TextBlock%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text%22%3A%20%22Another%20test%22%2C%0A%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%7D%2C%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%22FactSet%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22facts%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%22title%22%3A%20%22Fact%201%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22value%22%3A%20%22Value%201%22%0A%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%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22Fact%202%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22value%22%3A%20%22Value%202%22%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%2C%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%22TextBlock%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22text%22%3A%20%22Second%20test%22%2C%0A%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%7D%2C%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%22FactSet%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%22facts%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%22title%22%3A%20%22Fact%201%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22value%22%3A%20%22Value%201%22%0A%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%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22title%22%3A%20%22Fact%202%22%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%22value%22%3A%20%22Value%202%22%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%0A%7D%3C%2FCODE%3E%3C%2FPRE%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%E2%80%83%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1783159%22%20slang%3D%22en-US%22%3ERe%3A%20Adaptive%20Cards%20from%20Flow%20bot%20showing%20up%20blank%20in%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1783159%22%20slang%3D%22en-US%22%3E%3CP%3ESame%20issue%20here%20on%20Android%20%3A(%3C%2Fimg%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1783245%22%20slang%3D%22en-US%22%3ERe%3A%20Adaptive%20Cards%20from%20Flow%20bot%20showing%20up%20blank%20in%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1783245%22%20slang%3D%22en-US%22%3E%3CP%3EI%20found%20the%20problem%20in%20my%20case%3A%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%7B%3CBR%20%2F%3E%22type%22%3A%20%22Image%22%2C%3CBR%20%2F%3E%22url%22%3A%20%22%7B%24root.mediaURL%7D%22%3CBR%20%2F%3E%7D%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3Ewhen%20the%20image%20URL%20is%20empty%20Teams%20on%20Android%20doesn't%20render%20the%20adaptive%20card.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-1783329%22%20slang%3D%22en-US%22%3ERe%3A%20Adaptive%20Cards%20from%20Flow%20bot%20showing%20up%20blank%20in%20iOS%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1783329%22%20slang%3D%22en-US%22%3E%3CP%3EAdded%20as%20BUG%3A%20%3CA%20href%3D%22https%3A%2F%2Fgithub.com%2Fmicrosoft%2FAdaptiveCards%2Fissues%2F4926%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fgithub.com%2Fmicrosoft%2FAdaptiveCards%2Fissues%2F4926%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
New Contributor

Hey there!

I've created a flow in Power Automate that, when a new item is created in a specific SharePoint list is created, it posts an adaptive card in a channel in Teams. The card includes a bunch of information from that list, a button link to edit the list item, and another button linking off to some related material. On desktop, each new item on the list creates a new card in the desktop app channel as expected.

 

However, on mobile, this happens:

 

adaptive card failure.jpg

I have the following at the top of my adaptive card:

 

 

"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.2",

 

 

Is it perhaps something with how I initialized it? (I will say that adaptive cards messaged to individual users by Flow bot seem to be working fine.)

 

This is my first post, so please let me know if I've been naughty and this belongs somewhere else. (I see a bug posting area in UserVoice and something called answers.microsoft.com and the difference between these three very similar-seeming areas unfortunately eludes me.)

5 Replies
Highlighted

@BeauGP I have the exact same issue. Also, looking at the Adaptive Cards documentation, I have no clue why this is. It should work, but it doesn't. Hopefully, there's somebody out there that can point us in the right direction.

Highlighted

@BeauGP Same problem on Android. The cards show in 

 

 

Screenshot_20200505-194240_Teams.jpg

 

This is my adaptive card code:

 

 

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.0"
    "type": "AdaptiveCard",
    "body": [
        {
            "type": "TextBlock",
            "size": "Medium",
            "weight": "Bolder",
            "text": "Test title"
        },
        {
            "type": "TextBlock",
            "text": "Another test",
            "wrap": true
        },
        {
            "type": "FactSet",
            "facts": [
                {
                    "title": "Fact 1",
                    "value": "Value 1"
                },
                {
                    "title": "Fact 2",
                    "value": "Value 2"
                }
            ]
        },
        {
            "type": "TextBlock",
            "text": "Second test",
            "wrap": true
        },
        {
            "type": "FactSet",
            "facts": [
                {
                    "title": "Fact 1",
                    "value": "Value 1"
                },
                {
                    "title": "Fact 2",
                    "value": "Value 2"
                }
            ]
        }
    ],

}

 

Highlighted

Same issue here on Android :(

Highlighted

I found the problem in my case:

 

{
"type": "Image",
"url": "{$root.mediaURL}"
}

 

when the image URL is empty Teams on Android doesn't render the adaptive card.

Highlighted
Best Response confirmed by ThereseSolimeno (Microsoft)