Answered

Adaptive card shown as json in PVA instead of the actual card

(0) Share

Report

Posted on by Shazrul

Hi,

I have followed the steps provided in docs (https://docs.microsoft.com/en-us/power-virtual-agents/advanced-bot-framework-composer) to test adding a dialog from bot framework composer. When i test the dialog in PVA, it is not displaying the adaptive card. Instead its showing it in the JSON format. Can anyone help?

Categories:

General topics

I have the same question (0)

All responses (5)

Answers (1)

Sort by

Jcook 7,783 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

Hello @shazrul

Unfortunately the link you provided is broken.

Did you create this inside Bot Framework Composer?

Was this reply helpful? Yes No
Shazrul 17 on at

Like (0)

Report
Copy link

Link copied!

Sorry here is the link: Mircosoft docs

I created the dialog in bot framework and then published it to PVA.

Was this reply helpful? Yes No
Jcook 7,783 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

Thanks @shazrul

How did you create the Adaptive Card?

did you use https://adaptivecards.io/designer ?

Could you post your Json here.

Was this reply helpful? Yes No
Shazrul 17 on at

Like (0)

Report
Copy link

Link copied!
I followed the steps for Example 1 as explained in the link. Here are my bot responses:
[import](common.lg) # Chicken() -Chicken # Steak() -Steak # Tofu() -Tofu # SteakImageURL() -https://contososcubademo.azurewebsites.net/assets/steak.jpg # ChickenImageURL() -https://contososcubademo.azurewebsites.net/assets/chicken.jpg # TofuImageURL() -https://contososcubademo.azurewebsites.net/assets/tofu.jpg # adaptivecardjson_meals(location) -``` { "type": "AdaptiveCard", "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.1", "body": [ { "type": "TextBlock", "text": "Meal delivery options for ${location}:", "size": "Medium", "weight": "Bolder" }, { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "Image", "url": "${SteakImageURL()}", "size": "Stretch", "spacing": "Medium", "horizontalAlignment": "Center" } ] }, { "type": "Column", "width": "stretch", "items": [ { "type": "Image", "url": "${ChickenImageURL()}", "horizontalAlignment": "Center" } ] }, { "type": "Column", "width": "stretch", "items": [ { "type": "Image", "url": "${TofuImageURL()}", "horizontalAlignment": "Center" } ] } ] }, { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "${Steak()}", "wrap": true, "horizontalAlignment": "Center" } ] }, { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "${Chicken()}", "wrap": true, "horizontalAlignment": "Center" } ] }, { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "${Tofu()}", "wrap": true, "horizontalAlignment": "Center" } ] } ] } ] } ``` # AdaptiveCardMeals(location) [Activity Attachments = ${json(adaptivecardjson_meals(location))} ] # SendActivity_VjZdQI() [Activity Text = ${AdaptiveCardMeals(virtualagent.user_city)} ]

Was this reply helpful? Yes No
Verified answer

Shazrul 17 on at

Like (2)

Report
Copy link

Link copied!
I managed to fix it. I shouldn't have used the response editor for the Text in Send A Response. I should use the code editor. This resulted in the following bot response code which rectified my issue

[import](common.lg) # Chicken() -Chicken # Steak() -Steak # Tofu() -Tofu # SteakImageURL() -https://contososcubademo.azurewebsites.net/assets/steak.jpg # ChickenImageURL() -https://contososcubademo.azurewebsites.net/assets/chicken.jpg # TofuImageURL() -https://contososcubademo.azurewebsites.net/assets/tofu.jpg # adaptivecardjson_meals(location) -``` { "type": "AdaptiveCard", "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.1", "body": [ { "type": "TextBlock", "text": "Meal delivery options for ${location}:", "size": "medium", "weight": "bolder" }, { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "Image", "url": "${SteakImageURL()}", "size": "Stretch", "spacing": "Medium", "horizontalAlignment": "Center" } ] }, { "type": "Column", "width": "stretch", "items": [ { "type": "Image", "url": "${ChickenImageURL()}", "horizontalAlignment": "Center" } ] }, { "type": "Column", "width": "stretch", "items": [ { "type": "Image", "url": "${TofuImageURL()}", "horizontalAlignment": "Center" } ] } ] }, { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "${Steak()}", "wrap": true, "horizontalAlignment": "Center" } ] }, { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "${Chicken()}", "wrap": true, "horizontalAlignment": "Center" } ] }, { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "${Tofu()}", "wrap": true, "horizontalAlignment": "Center" } ] } ] } ] } ``` # AdaptiveCardMeals(location) [Activity Attachments = ${json(adaptivecardjson_meals(location))} ] # SendActivity_VjZdQI() - ${AdaptiveCardMeals(virtualagent.user_city)}

Thanks

Was this reply helpful? Yes No