SOLVED
Home

trying to create adaptive cards however image is not getting rendered.

%3CLINGO-SUB%20id%3D%22lingo-sub-390485%22%20slang%3D%22en-US%22%3Etrying%20to%20create%20adaptive%20cards%20however%20image%20is%20not%20getting%20rendered.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-390485%22%20slang%3D%22en-US%22%3E%3CP%3ETeam%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20am%20trying%20to%20create%20adaptive%20cards%20via%20app%20studio%20inside%20teams%20.%3C%2FP%3E%3CP%3EI%20am%20pointing%20to%20a%20online%20URL%20generator%20for%20my%20image%20%2C%20and%20using%20that%20URL%20in%20the%20adaptive%20card%20however%20none%20of%20my%20cards%20are%20showing%20the%20image.%20Nither%20in%20live%20preview%20nor%20in%20the%20actual%20card%20when%20i%20receive%20it.%3C%2FP%3E%3CP%3EAlso%20i%20had%20to%20manully%20type%20the%20image%20URL%20%2C%20it%20doesn't%20let%20me%20copy%20paste%20it%20from%20online%20image%20URL%20portal.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EWhat%20am%20i%20missing%20here%3F%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F173092%22%20target%3D%22_blank%22%3E%40Harysh%20Menon%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F1623%22%20target%3D%22_blank%22%3E%40Rick%20Van%20Rousselt%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-392216%22%20slang%3D%22en-US%22%3ERe%3A%20trying%20to%20create%20adaptive%20cards%20however%20image%20is%20not%20getting%20rendered.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-392216%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F79135%22%20target%3D%22_blank%22%3E%40Wajeed%20Hanif%20Shaik%3C%2FA%3E%26nbsp%3Bthank%20you%20for%20guidance%2C%20it%20works!!%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-392212%22%20slang%3D%22en-US%22%3ERe%3A%20trying%20to%20create%20adaptive%20cards%20however%20image%20is%20not%20getting%20rendered.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-392212%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F173092%22%20target%3D%22_blank%22%3E%40Harysh%20Menon%3C%2FA%3E%26nbsp%3B%20thanks%20alot%20%2C%20yes%20it%20works%20%2C%20so%20i%20got%20it%20now%20where%20i%20was%20going%20wrong.%3C%2FP%3E%3CP%3EThank%20you%20btw%20great%20job%20in%20teams%20power%20user%20video%2C%20very%20useful%20tips.%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-391959%22%20slang%3D%22en-US%22%3ERe%3A%20trying%20to%20create%20adaptive%20cards%20however%20image%20is%20not%20getting%20rendered.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-391959%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F182462%22%20target%3D%22_blank%22%3E%40mehta%20deepak%3C%2FA%3E%26nbsp%3BLike%20Wajeed%20mentioned%2C%20the%20imgr%20link%20you%20posted%20isn't%20an%20image%20url%20and%20hence%20won't%20show%20up%20on%20the%20adaptive%20card.%20You'll%20need%20to%20get%20the%20source%20of%20the%20image%2C%20which%20in%20this%20case%20it%20looks%20like%20is%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Fi.imgur.com%2FskV9SJP.jpg%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fi.imgur.com%2FskV9SJP.jpg%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-391587%22%20slang%3D%22en-US%22%3ERe%3A%20trying%20to%20create%20adaptive%20cards%20however%20image%20is%20not%20getting%20rendered.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-391587%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F182462%22%20target%3D%22_blank%22%3E%40mehta%20deepak%3C%2FA%3E%26nbsp%3B-%20Url%20which%20you%20share%20does%20not%20result%20in%20an%20image%20file.%20It%20is%20navigating%20to%20preview%20page.%20Please%20try%20this%20Url%3A%26nbsp%3B%3CSPAN%3E%3CA%20href%3D%22https%3A%2F%2Fdownload-ssl.msgamestudios.com%2Fcontent%2Fmgs%2Fce%2Fproduction%2FSolitaireWin10%2Fdev%2Fadapative_card_assets%2Fv1%2Ftile_spider.png%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fdownload-ssl.msgamestudios.com%2Fcontent%2Fmgs%2Fce%2Fproduction%2FSolitaireWin10%2Fdev%2Fadapative_card_assets%2Fv1%2Ftile_spider.png%3C%2FA%3E%3C%2FSPAN%3E%3C%2FP%3E%0A%3CP%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-391206%22%20slang%3D%22en-US%22%3ERe%3A%20trying%20to%20create%20adaptive%20cards%20however%20image%20is%20not%20getting%20rendered.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-391206%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F173092%22%20target%3D%22_blank%22%3E%40Harysh%20Menon%3C%2FA%3E%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F79135%22%20target%3D%22_blank%22%3E%40Wajeed%20Hanif%20Shaik%3C%2FA%3E%26nbsp%3BThis%20is%20the%20image%20link%20%2C%20and%20i%20am%20pretty%20sure%20it%20is%20less%20then%201025X1024%20%2C%20also%20https.%20Still%20not%20working.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fimgur.com%2FskV9SJP%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3Ehttps%3A%2F%2Fimgur.com%2FskV9SJP%3C%2FA%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-390929%22%20slang%3D%22en-US%22%3ERe%3A%20trying%20to%20create%20adaptive%20cards%20however%20image%20is%20not%20getting%20rendered.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-390929%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F182462%22%20target%3D%22_blank%22%3E%40mehta%20deepak%3C%2FA%3E%26nbsp%3BHard%20to%20tell%20the%20exact%20reason%20without%20looking%20at%20the%20adaptive%20JSON%2C%20but%20another%20common%20reason%20we%20see%20is%20HTTP%20vs%20HTTPS%20based%20image%20links.%20We%20only%20allow%20links%20with%20a%20HTTPS%20image.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-390789%22%20slang%3D%22en-US%22%3ERe%3A%20trying%20to%20create%20adaptive%20cards%20however%20image%20is%20not%20getting%20rendered.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-390789%22%20slang%3D%22en-US%22%3E%3CP%3EThank%20you%20%2C%20makes%20sense%20to%20me%2C%20i%20will%20check%20and%20confirm%26nbsp%3B%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F79135%22%20target%3D%22_blank%22%3E%40Wajeed%20Hanif%20Shaik%3C%2FA%3E%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-390730%22%20slang%3D%22en-US%22%3ERe%3A%20trying%20to%20create%20adaptive%20cards%20however%20image%20is%20not%20getting%20rendered.%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-390730%22%20slang%3D%22en-US%22%3E%3CP%3E%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F182462%22%20target%3D%22_blank%22%3E%40mehta%20deepak%3C%2FA%3E%26nbsp%3B%20-%26nbsp%3BCould%20you%20please%20confirm%20if%20your%20image%20size%20does%20not%20exceed%20the%20%3CA%20href%3D%22https%3A%2F%2Fdocs.microsoft.com%2Fen-us%2Fmicrosoftteams%2Fplatform%2Fconcepts%2Fcards%2Fcards-reference%23inline-card-images%22%20target%3D%22_self%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Eresolution%20and%20size%20limit%3C%2FA%3E%3F%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E
Highlighted
mehta deepak
Occasional Contributor

Team,

 

I am trying to create adaptive cards via app studio inside teams .

I am pointing to a online URL generator for my image , and using that URL in the adaptive card however none of my cards are showing the image. Nither in live preview nor in the actual card when i receive it.

Also i had to manully type the image URL , it doesn't let me copy paste it from online image URL portal.

 

What am i missing here? @Harysh Menon @Rick Van Rousselt 

8 Replies
Highlighted

@mehta deepak  - Could you please confirm if your image size does not exceed the resolution and size limit

Highlighted

Thank you , makes sense to me, i will check and confirm @Wajeed Hanif Shaik 

Highlighted

@mehta deepak Hard to tell the exact reason without looking at the adaptive JSON, but another common reason we see is HTTP vs HTTPS based image links. We only allow links with a HTTPS image. 

Highlighted

@Harysh Menon @Wajeed Hanif Shaik This is the image link , and i am pretty sure it is less then 1025X1024 , also https. Still not working.

 

https://imgur.com/skV9SJP

Highlighted
Solution

@mehta deepak - Url which you share does not result in an image file. It is navigating to preview page. Please try this Url: https://download-ssl.msgamestudios.com/content/mgs/ce/production/SolitaireWin10/dev/adapative_card_a...

 

Highlighted

@mehta deepak Like Wajeed mentioned, the imgr link you posted isn't an image url and hence won't show up on the adaptive card. You'll need to get the source of the image, which in this case it looks like is https://i.imgur.com/skV9SJP.jpg

Highlighted

@Harysh Menon  thanks alot , yes it works , so i got it now where i was going wrong.

Thank you btw great job in teams power user video, very useful tips.

Highlighted
Related Conversations
A problem with the Zoom level of a Tab
Tavory in Discussions on
9 Replies
[FIXED] Bug while trying to close tabs
HotCakeX in Discussions on
24 Replies
IncomingWebhook image display
Daisy_1112 in Microsoft Teams on
0 Replies
Preview image doesn't appear on chat
Batuhan Akpunar in Microsoft Teams on
1 Replies