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

How to convert binary image data to URI for same image in nodejs?

I am using one API to get a profile photo of a user. This api gets me the binary data for a profile photo. I need to be able to use this profile photo in form of a https://en.wikipedia.org/wiki/Data_URI_scheme example:- json that will render an…
Royjad
  • 99
  • 3
  • 13
3
votes
1 answer

Bold text not showing in hero cards

I'm having some problems with bold text in hero cards, currently I build my hero card like so: var workloadCard = new HeroCard { Title = $"Partido #{number+1}", Subtitle = $"**{matches[number].equipo1} vs…
IvanHid
  • 669
  • 7
  • 25
3
votes
1 answer

Adding an adaptive card to bot framework with python

I am playing a little bit with the samples of the bot framework in python from here https://github.com/Microsoft/botbuilder-python Now I want to add a simple adaptive card to the response which I believe it is the part where it says await…
Alejandro Peña
  • 131
  • 2
  • 10
3
votes
1 answer

Adaptive card action not triggered

I have dialog called "form search" which has an adaptive card. when i click submit button the control doesn't go to the next flow but ends with error . But if use hero card the button click is triggering the next flow.what might be the…
user9463688
3
votes
0 answers

Adaptive Card Image

If an adaptive card is rendered as an image and sent to the user, where is that image hosted? Also, I want to display my adaptive cards on skype, the documentation says that 'full support is coming soon', however, does that mean that image…
3
votes
1 answer

How to set the text value of AdaptiveCard Submit button action on BotFramework

Im trying to integrate Luis with botframework. From what i see (p/s. still new on this), Luis handle the response based on the text input of the user. So when im trying to use Adaptive Card Submit Button action, i can set the value but not the text…
3
votes
0 answers

Converting Adaptive Card to a Channel

Microsoft release a new concept of Adaptive Cards. Microsoft Bot Framework implements Adaptive Cards in Botbuilder aside of HeroCard and other message type. When I call Message.toMessage() on a botbuilder Message I get a JSON with content-type…
Jean-Philippe Encausse
  • 1,491
  • 2
  • 22
  • 40
3
votes
1 answer

Sending an Adaptive Card on bot startup as the welcome message

I have some code for the bot to send a message (string) on start up. However, instead of sending text like you see in the code below. I am trying to figure out how you would send an Adaptive Card in this case. I have sent a Card from the…
Jordan McDonald
  • 1,101
  • 3
  • 14
  • 24
3
votes
2 answers

Bot Framework Event for Postbacks?

My question: I have an adaptive card with a postback button whose value is say "thisIsMyPostback". Now, I want to act on this postback as one would. The problem is that this postback can also be typed out to reach the same result. In other words,…
3
votes
3 answers

Botframework - C# - Adaptive Card - Submit Action - Exception

On SubmitAction action in Adaptive Cards (botframework, c#, emulator, localhost) I get this Exception Exception: Value cannot be null. Parameter name: stringToEscape [File of type 'text/plain'] Can you help me point out what am doing wrong? …
Sangeetha
  • 53
  • 1
  • 6
2
votes
1 answer

teams toolkit app notification bot welcome message

I am using teams toolkit version 4 and I created an app with two tabs. One is a notification bot configured with restify and other one is tab. The notification bot did install with adaptive cards as I wanted adaptive cards only. This is not a…
2
votes
1 answer

Power Automate Adaptive card does not display in my email

Hi I have been working with power automate to create an approval flow that is triggered by a power apps app. The email contains the json for an adaptive card used for storing responses. When I receive the email I cannot see the adaptive card. I…
2
votes
0 answers

Microsoft Teams push notification is blank for some adaptive cards

We have a Microsoft Teams project running on a Node server using botbuilder v4.14.0, among other things. This project sends adaptive cards to Microsoft Teams users in a direct message, and for each adaptive card we set a summary text for the…
2
votes
2 answers

How do I pass data into an Adaptive Card?

I have a Microsoft Teams bot that sends out Adaptive Cards. I want to dynamically fill those with data (for example pictures). To do so I have 2 different JSON files. One with the layout of the card and one with the data. How can I link those 2…
Mira Pautz
  • 31
  • 2
2
votes
1 answer

Adaptive card not visible in preview mode in a Channel

We started seeing a weird issue these days. The adaptive card is not visible in Preview mode in Channel but in chat its visible. I tested a lowest Adaptive card with just one text, and I see the same behavior. In Chats In Channel: Its…
user25879
  • 129
  • 7