Overview

Adaptive cards are a UI component that can be used in your bots to provide stylized display as well as custom, multi-input forms. In the AtBot Admin Portal, you can create and manage adaptive card templates that can be used in Flow to display or collect data. For more information about Adaptive Cards, see https://adaptivecards.io


Creating Adaptive Card Templates

On the Adaptive Card Templates screen click the Create Card Template button

Card Template Name
Give your card template a recognizable name. This name will be visible in Flow.
Card Type
Select the type of card template. Form cards have editable fields like text boxes and radio buttons. Display cards are read-only for display of data on a Send Reply action

Adaptive Card Template Settings

The following are settings displayed when a card template is selected.

Card Name
The name of the card template. This name will be visible in Flow.
Card Type
Edit the type of card template. Form cards have editable fields like text boxes and radio buttons. Display cards are read-only for display of data on a Send Reply action
Contributors
Optionally add additional Contributors to the card template. Contributors will be able to edit all settings of the card template as well as select it in Flow. Search for contributors by UPN.

Card Editor

To edit the design of the adaptive card template, open the card editor. This editor is created and maintained by Microsoft.

When designing your cards, any area you wish to be dynamic (filled with a value from Flow) must have a unique ID. Same goes for form fields like text boxes, you must specify an ID in the designer to make these values available in Flow

Dynamic Properties

This area will display all of the dynamic fields in the card. Display Properties will be settable in the adaptive card, whereas Form Properties will be returned in Flow after the user fills out the card in the bot.