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
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

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

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

@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. 

@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

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...

 

@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

@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.

Related Conversations