Stuck adding adaptive card

Bob Rickards

@Ben Lambert Can you help me work through this? I am trying to set up an adaptive card and I have worked everything out…but I get no card on my page. I have created an HTTP request and added JSON.

Validated a user identity token.

Composed Adaptive Card JSON

And generated a response

I then went into my develop application account and created a new add-in with a URL '

What am I missing? Any help would be appreciated.

Ben Lambert

@Bob Rickards The cardServiceUrl query parameter value needs to be a properly encoded URL, so make sure you encode the URL of your Power Automate flow when registering the add-in. You can find lots of URL encoders online, for example here is one that often use:

Bob Rickards

@Ben Lambert Ok Ben tried that…still did not work. Am I missing something else?

Ben Lambert

@Bob Rickards sorry I didn’t notice earlier, but check the last segment of the adaptive card host url….you need to specify the appropriate route within the host SPA, depending on the type of addin you’re creating (button, tile, etc.).

i.e., for a tile add-in, you’ll need… /tile?cardServiceUrl=xxxxx

Carol Grant

@Bob Rickards - along with what Ben said I wanted to point out that in the Microsoft Platform- Adaptive Card section under Create an Add in Definition it is missing the word “tile” in it. Or course you can put anything add in there. (button, tile, flyout)

Incorrect if copying right from there:

This is the correct syntax which is found under Documentation- Getting Started- Adaptive Cards.

It took me a bit to figure this out on my own.

-Carol Grant

Bob Rickards

@Carolyn Grant Thanks…that really helps. And thanks to @Ben Lambert I was able to create an adaptive card in NXT that looks at the constituent's current weather. Now I just need to get better at coding adaptive cards! Thanks again to you both!

Dan Snyder

@Carolyn Grant:

@Bob Rickards - along with what Ben said I wanted to point out that in the Microsoft Platform- Adaptive Card section under Create an Add in Definition it is missing the word “tile” in it. Or course you can put anything add in there. (button, tile, flyout)

Incorrect if copying right from there:

This is the correct syntax which is found under Documentation- Getting Started- Adaptive Cards.

It took me a bit to figure this out on my own.

-Carol Grant

@Lindsey Rix just flagging this in case we can get that section updated.

Lindsey Rix

@Dan Snyder Thank you for tagging me, I'll get the docs updated shortly.

Bob Rickards

@Ben Lambert Welcome back! So, what does it mean when you get "
The web request action returned an error response: 502"?

Chris Rodgers

@Bob Rickards Hi Bob, a 502 usually means that your request is being routed through a gateway (proxy/firewall/cdn/etc…) and that gateway had trouble with its connection to the underlying service. A 502 could just be a momentary blip, but if you're seeing this error regularly when attempting to connect to a Blackbaud resource (such as SKY API), you'll want to contact Blackbaud support. Support options

Liz Dixon-Eversole

@Ben Lambert @Chris Rodgers @Bob Rickards Hi! I am having a similar issue. I created the add in tile from the sample template. I added my application ID. I encoded the URL and have the tile? in it… But it doesn't work. I am just using the sample info so it should give the Hello World text?? What did I miss? Any help is appreciated. Happy to send screen shots by DM if needed.

Liz Dixon-Eversole

@Carol Grant @Dan Snyder @Lindsey Rix Tagging you in case you can answer my previous question as well. Sorry! I couldn't keep everyone's name in my head when typing before Appreciate all of you and your help!

Alex Wong

@Liz DixonEversole

1. check your flow's run history, did it have a run history after the constituent page is loaded in RE NXT?
   1. if yes, look into the run history to see if there's a “fail” somewhere, if yes, provide the “failed” action's input and output screenshot and the same action's edit mode
   2. if no, then there's an issue with your application URL, double check to make sure the URL you put into the application add-in is correct

if the flow did run, and you see no error, then that means your adaptive card json may not be correct, go to run history and the “response” action, copy out the JSON that is the adaptive card, and go to https://adaptivecards.io/designer/ and put that JSON code in and see if your adaptive card renders, if not, it will tell you where your problem is (i.e. extra comma somewhere shouldn't would completely mess up your adaptive card)

Liz Dixon-Eversole

@Alex Wong Thank you. I do not have anything in the run history…
My URL begins with: https://app.blackbaud.com/addin-adaptivecard-host/tile?cardServiceUrl= then I inserted the encoded URL with the https and all the %'s all the way through Finvoke%3F&title=Hello%20World

My original URL ended api-version=2016-06-01 but none of the URLs in the how-to documents had that at the end so I trimmed it off. I did try it with the full URL, but it didn't do anything then either…

I don't know if the URL contains anything proprietary so I didn't want to post it here, but can email you the before and after URLs if that's helpful?

THANK YOU!!

Alex Wong

@Liz DixonEversole
the URL you got from trigger, you are likely not selecting the right option, you need to select Anyone

Liz Dixon-Eversole

@Alex Wong OOOH, You are right. I had anyone in my tenant. Let me try again and I will report back. Thank you!!

Liz Dixon-Eversole

@Alex Wong I have changed to everyone, but it is still not calling the flow… No run history… Does this mean the URL is wrong?

Alex Wong

@Liz DixonEversole
This is what my URL looks like “almost exactly"… replacing some of the alphanumeric characters, you can compare to yours.

URL from flow trigger:
https://prod-888.westus.logic.azure.com:443/workflows/aaaa9999b88888cc77dd6e5f4e3fc222/triggers/manual/paths/invoke?api-version=2016-06-01&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=q1abcD-abDE7Rf6tLASA2wlodrtNI66D8P2yWsa3Vef

URL used in the application Add-in URL: (title used: Adaptive Card Template)

https://app.blackbaud.com/addin-adaptivecard-host/tile?cardServiceUrl=https%3A%2F%2Fprod-168.westus.logic.azure.com%3A443%2Fworkflows%2Faaaa9999b88888cc77dd6e5f4e3fc222%2Ftriggers%2Fmanual%2Fpaths%2Finvoke%3Fapi-version%3D2016-06-01%26sp%3D%252Ftriggers%252Fmanual%252Frun%26sv%3D1.0%26sig%3Dq1abcD-abDE7Rf6tLASA2wlodrtNI66D8P2yWsa3Vef&title=Adaptive%20Card%20Template

Liz Dixon-Eversole

@Alex Wong Yayayayayay!!! It's working. Thank you thank you! I think the encoding website I was using didn't quite do it right. Glorious! Now I just have to make it actually do what I want it to, rather than say Hello World Much appreciated!!!!!

Alex Wong

@Liz DixonEversole
I just posted a AIAC (All-Inclusive Adapative Card) template on Community, you can start with that if you want to do more than just displaying info.

Liz Dixon-Eversole

@Alex Wong Amazing. I will check it out! This particular card was pretty simple (once I got it to display!) but love all the options there are to get creative.