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
-1
votes
1 answer

Unable to speak out the adaptive card content in cortana channel

I've integrated my bot with cortana channel and can view the adaptive cards successfully. What I need is to speak out the content of the adaptive card. The speak property when using shows that it is deprecated. Is there a way to speak out the…
-1
votes
1 answer

Is AdaptiveNumberInput not supported in Task-Module in bot framework?

I am using Task module to show the adaptive card, which contains AdaptiveNumberInput & Other AdaptiveTextBlocks. When the task module is opened, it throws an error "The bot did not respond correctly to the invoke request." and when i see in the…
-1
votes
1 answer

can adaptive cards in bot framework v3 contain dynamic dropdowns

I'm using BOT Framework v 3 i have an adaptive card that takes input from the user and i want the values in Dropdown to be dynamic is it possible.here is the adaptive card design code as you can see I have entered the choices manually instead it…
Noel Simon
  • 15
  • 7
-1
votes
1 answer

Bot Framework - Adaptive Card - Can't render card in Direct Line

I have created an Adaptive card which unfortunately is not showed in a Direct Line chat form. Whenever tested in the the web chat in Azure it is working properly. You can see the error message that I get in the picture below. The form works properly…
Lubomir
  • 91
  • 8
-1
votes
1 answer

Bot builder : Adaptive cards - call a method when submitting

I need to create a form in which the user has to fill it and to send it. So i have to create a submit button that calls another method but i couldn't find the link between the submit action and the call to another method. The script of my form is…
Soufien Hajji
  • 477
  • 1
  • 8
  • 24
-2
votes
1 answer

Remove a node from JSON object based on a condition

I have a JSON as shown in below format: { "type": "AdaptiveCard", "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.3", "msteams": { "width": "Full" }, "body": [ { "type": "TextBlock", …
SDR
  • 37
  • 1
  • 1
  • 8
-2
votes
1 answer

Parse an adaptive card json to C# object and dynamically build Action.Showcards based on my api data

I have an adaptive card json with Action.ShowCard property and 1 submit button. I want to convert it to C# object and loop the Action.showcard to dynamically build multiple showcard buttons based on the count/data coming from an api call. I was able…
SDR
  • 37
  • 1
  • 1
  • 8
-2
votes
1 answer

Wake up the bot on a Hi and should start with same functionality

How to wake up the bot on "Hi"? Actually I am in a dialog which has a prompt containing an adaptive card. I just want that after clicking on that adaptive card it goes directly to the main dialog and begins with the same functionality as when the…
-2
votes
1 answer

Google hangouts cards carousel and input text

Is the any way show carousel cards in hangouts chat and also input field inside card? One way we can do with pure html and css but is the any way do with card json.
-2
votes
1 answer

Adaptive Cards nuget package to be used for bot frameworks version 4 C#

I am not sure about the nuget package to be included for the adaptive cards in version 4 bot application which is being migrated from version 3. The options available are AdaptiveCards nuget package and Microsoft.AdaptiveCards(both by Microsoft). In…
Tanmayee
  • 57
  • 6
-2
votes
1 answer

Setting up Hero Card in V4

I need to implement a logic where On clicking of a carousel, it should prompt the user with an adaptive card with form details using Node JS in Microsoft Bot framework V4 version. Could You please help me on providing any sample code.
Srilekha
  • 57
  • 1
  • 2
-2
votes
1 answer

How can we implement 'adaptive cards' in angular js 1.x

I would like to implement visualizer in my angular ui for Bot.Can anyone help how can we render adaptive cards in an angular ui. I am using Angular 1.x.
-4
votes
1 answer

Can we pre populate input.text field in adaptive cards so that when I start typing it will suggest like google?

I am working on adaptive cards and there's a requirement of adding suggestions in a input.text field of adaptive cards. Do we have any property in adaptive cards input.text by which we can give suggestions to users as soon as they start typing in…
1 2 3
61
62