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
3
votes
2 answers

Creating pod in swift which have dependency on another objective-c pod

As I explained in image I want to create Pod lib in swift which have another Pod lib dependency written in Objective-c. Now I know that to use objective-c code in swift we need bridge file and I created it too. but When I set it into Pod's build…
Jageen
  • 6,345
  • 2
  • 37
  • 56
3
votes
1 answer

Can an adaptive card used in an adaptive dialog in a templated fashion?

I would like to return an Adaptive card via SendActivity in an Adaptive Dialog. The code to do this looks like: new OnIntent("Help") { Actions = new List() { new SendActivity("${Help-Root-Dialog()}") } }, But, I'd like…
Irwin
  • 12,551
  • 11
  • 67
  • 97
3
votes
1 answer

Adaptive Card: Dynamically show Card on dropdown click in Adaptive Card : Bot Builder

I have to create a adaptive card which have city of name and each city have different holiday list. I have to show city name in dropdown list and on selection of each city i have to show child card which contains Holiday list. I have develop below…
3
votes
1 answer

How to map JSON Array with Adaptive Card Row - Using Designer to Create Template

I am trying to create a template for the adaptive card. My adaptive card is similar to the expense report adaptive card in many ways. https://adaptivecards.io/samples/ExpenseReport.html It is basically a timesheet submission card for the manager to…
np4coding
  • 247
  • 3
  • 12
3
votes
2 answers

Cannot display more than 6 adaptive actions in an Adaptive card in Teams

I am new to bot framework and c# - we implemented a bot using a QnA maker knowledge base. I am trying to use adaptive cards with Adaptive Submit Actions. Everything works perfectly in the WebChat, however in Teams I cannot display more than 6 submit…
3
votes
1 answer

Adaptive card is not rendered on Teams mobile app

We have an external bot configured to use MS Teams channel using message end point web hook. The following is the message posted to the Ms Teams channel by the external bot. This response gets rendered as expected when MS Teams is accessed via web…
3
votes
1 answer

How to edit MS Bot Framework Adaptive Card on submit action

In my bot i have an adaptive card with submit button. Can i modify card or disable button or delete this card on submit action ?
3
votes
1 answer

Add hyperlink to a web page in adaptive card 1.0 to be displayed on MS Teams

I have added an adaptive card displaying list of meetings scheduled with the link to the meeting. I want the link in the list to be clickable. With Action.OpenUrl we can only get a button launches the given URL in an external web browser. But in my…
Anu
  • 125
  • 1
  • 8
3
votes
1 answer

Get User Input from Adaptive Card using Waterfall Dialog in Botframework v4

I'm trying to put a simple adaptive card in my chatbot that collects the user's name and email. I can't figure out how to actually get the input from the card. In the waterfall step where I display the dialog. I can't figure out what property…
123me
  • 43
  • 1
  • 6
3
votes
2 answers

How to disable button after single use in a Adaptive Cards

I am using Adaptive Cards in my LUIS agent. Once a user has filled in all the details and submits the card the submit button should get disabled to prevent duplicate usage of the button. We also would like to know how to hide a button when…
Nikhil Bansal
  • 163
  • 3
  • 16
3
votes
2 answers

imback functionaliy not returning value to the bot

I am trying to show some adaptive card buttons when loading the bot. It is displaying title in the bot. When clicking on title it is returning null to the bot. I want to submit value mentioned in msteams to be submitted. Code: { "type":…
Sriram Tamilarasan
  • 491
  • 1
  • 6
  • 23
3
votes
2 answers

How to create adaptive cards with situational text values?

I am currently trying to create an adaptive card in a Waterfall Dialog for one of my bots that will display the name and search item (both strings) when rendered. Both of the values I want to use are stored in the Context.Activity.Value property of…
Narmanino
  • 33
  • 1
  • 3
3
votes
2 answers

How to validate jwt token from different issuer

I'm using actionable messages (with Outlook web app) to call an Logic App. Therefore I am getting an Bearer token in the request: "Action-Authorization": "Bearer eyJ0eXAi..." Callstack: Outlook web app -> Logic App -> my endpoint hosted in azure Now…
Celdus
  • 1,010
  • 1
  • 14
  • 25
3
votes
2 answers

How to update an adaptive card which is already sent to user from BOT?

I have already sent the card with capturing the details and with buttons.After clicking on submit from task module which will save details through http API here the activity type is Invoke. Now i have to update the existing adaptive Card. I have…
Rajiv Bansal
  • 45
  • 1
  • 8
3
votes
1 answer

botbuilder v 4, dynamic adaptive card with dropdown and capturing values on prompt

I'm using ms botbuilder v 4 I'm using webcontrol, webchat.js, latest, react Case is pretty trivial: I want to show list of possible values in dropdown, values will be dynamic (comes from API, i need Titles and Values (Ids) there. Then when user…
Andrey Stepanov
  • 311
  • 2
  • 11
1 2
3
61 62