Questions tagged [adaptive-cards]

Questions regarding the implementation and use of Adaptive Cards for the Microsoft Bot Builder

Adaptive Cards Overview

Adaptive Cards are an open card exchange format enabling developers to exchange UI content in a common and consistent way.

How they work

Card Authors describe their content as a simple JSON object. That content can then be rendered natively inside a Host Application, automatically adapting to the look and feel of the Host.

For example, Contoso Bot can author an Adaptive Card through the Bot Framework, and when delivered to Skype, it will look and feel like a Skype card. When that same payload is sent to Microsoft Teams, it will look and feel like Microsoft Teams. As more host apps start to support Adaptive Cards, that same payload will automatically light up inside these applications, yet still feel entirely native to the app.

Users win because everything feels familiar. Host apps win because they control the user experience. And Card Authors win because their content gets broader reach without any additional work.

Get Started

Documentation: adaptivecards.io/documentation/

Source Code: github.com/Microsoft/adaptivecards

Interactive Visualizer: adaptivecards.io/visualizer

Schema Explorer: adaptivecards.io/explorer

Example: learn.microsoft.com/adding-adaptive-card

929 questions
4
votes
1 answer

Need some guidance on how to properly use bot framework SDK

I'm in the process of building a bot and the experience has been challenging for me so far. This is most likely since I'm coming from v1 and I'm trying to rebuild my bot in v4 style, which is pretty much a completely different framework it seems. I…
Jasper
  • 1,697
  • 2
  • 23
  • 48
4
votes
2 answers

Opening Task module from Adaptive Card using Action.OpenUrl

we are posting an Adaptive card in channel using following Graph API https://learn.microsoft.com/en-us/graph/api/channel-post-chatmessage?view=graph-rest-beta&tabs=cs Our payload is { "body":{ "contentType":"html", "content":"
AbdulKareem
  • 1,199
  • 8
  • 24
4
votes
1 answer

Botframework V4: Question about Input forms cards

Hello i have this input forms card. It is rendering properly but how can i get its results? And how can i make it so that the bot wait for the user to submit before proceding to the next step? Putting stepContext.NextAsync will automatically trigger…
user10860402
  • 912
  • 1
  • 10
  • 34
4
votes
1 answer

Adaptive Card - DateInput and SubmitAction

Main Issue I am using Adaptive Cards in Microsoft Bot Framework. I ran into a problem, where I do not know how to obtain the value from the DateInput after the user selects the date he wants. Below is my code currently: public async Task…
Fabian
  • 129
  • 1
  • 6
4
votes
1 answer

Adaptive cards are converted to image in Facebook Messenger

I tried following example card picked up from Microsoft's website adaptivecards.io var msg = new builder.Message(session) .addAttachment({ contentType: "application/vnd.microsoft.card.adaptive", content: { type:…
Amit Gupta
  • 533
  • 6
  • 17
4
votes
1 answer

How to display data in Table format in microsoft bot framework

Can some one please help me out in displaying the data table format in BOT as below
Vigneswaran A
  • 562
  • 7
  • 18
4
votes
1 answer

Microsoft Bot Framework Adaptive Cards not rendering properly

I'm trying to use adaptive cards by adding it on my luis response, and was following a guide: https://learn.microsoft.com/en-us/bot-framework/dotnet/bot-builder-dotnet-add-rich-card-attachments. How come my buttons is not showing up on my bot…
anonymous1110
  • 885
  • 4
  • 14
  • 28
4
votes
1 answer

Cant render AdaptiveCard Json as a BotFramework Message with C#

I'm trying to use a Adaptive Card json in a message that i'm sending to the Bot Framework Channel Emulator. However the emulator gives the message "Can't render card". Im using the standard sample card from the visualizer.…
user8689373
  • 115
  • 1
  • 11
4
votes
1 answer

BotFramework Adaptive Cards - Container Actions are not Rendered

How can I add actions for containers? According to the documentation Container type has an "actions" object, but when testing the card it in the adaptive cards visualizer or in the bot-framework emulator no button is displayed. Attached an example…
4
votes
1 answer

How can I read the value from complex adaptive card?

I am able to read the values if the body have only input text. This case have columnset and column. When I filled all the input data and click on submit button from emulator I am not getting any value. Platform : .Net C# Below I have shared the json…
max
  • 101
  • 1
  • 7
3
votes
1 answer

MODULE_NOT_FOUND for adaptivecards-templating

Although I installed (and imported) the module with the command: npm install adaptive-expressions adaptivecards-templating --save. When I go to run my application I get the following error:
3
votes
2 answers

Adaptive Card: How to create table with 6 columns without truncating text?

I have created a adaptive card to show as table. But, the text is getting truncated like Today I... instead of Today In Count complete text. This Adaptive card is for Microsoft Teams. Adaptive Card: { …
Python coder
  • 743
  • 5
  • 18
3
votes
2 answers

How can I use "Only show when" on adaptive card

I have tried to search many places but I don't see any doc talk about how to use it. https://i.stack.imgur.com/DTkM5.png
Peter Phung
  • 43
  • 2
  • 6
3
votes
1 answer

How to open an Internet tab in the Microsoft Bot framework server side?

I need to open a url tab when the user clicks an action.submit on an adaptive card. I do not want to user Action.OpenURL. In the OnEvent method, i would like to add some code to open a internet tab on the client side. Is it possible to open a tab…
Justin
  • 91
  • 8
3
votes
1 answer

How to disable Adaptive Cards on clicking once?

I am using an adaptive card in MSTeams Bot and on clicking once I want to disable the Submit button to prevent the user from clicking it again as the backend is running for the button click event. Adaptive Card code - async specialRewards() { const…
Madhvi Mittal
  • 67
  • 1
  • 8
1
2
3
61 62