This document provides an overview of Adaptive Cards including: - What Adaptive Cards are and their benefits like flexibility and ease of sharing across platforms. - Key aspects like the schema, host configuration, theme configuration, and data bindings. - Tools available for creating cards like the visualizer and designer. - The roadmap including potential machine learning capabilities for template selection.

1. {
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "ColumnSet",
"separator": true,
"spacing": "medium",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"size": "small",
"url":

2. ● Card based UI
○ History & Trends
● Adaptive Cards Intro
● Demo
● Adaptive Cards - Key Modules/Features
○ Roles (Card Authors, Host App)
○ Host Config - Customization at Client side
○ Theme Config (RN)
○ Template Bindings
○ Tools
● RoadMap (ML Based template selection)
● Important Links
● Q & A

8. VS

10. ● Interactive Model that represent content like real-life
● Quick Snapshot of information
● Digestible, Accessible and more comprehensive
● Flexible layouts | Ease of enabling Responsiveness
● Clear aesthetics with simple usability.
● Different contents in single place
● Visually pleasing
● Promoting content is simple

11. ● In 2010, Microsoft introduced its Metro design language relying more on typography
and cards
● Popularized by Pinterest

12. ● Simple and understandable schema
● Rich & Interactive cards
● Ease of sharing card across multiple applications and platforms
● Open-Source
● Native Performance
● Write Config Once, Render Any Cards
Actions and More….

13. ● Visualizer
● Role of Host Config
● About Add-ons

14. Payload
HostConfig ThemeConfig
Renderer

15. Define what & how your data should
look
Declarative
Look and Feel
+
Customizations
Host Config
Markdown support
+
Date/Time Formatters
Markdown
Primitive to Rich components
+
Callbacks
Rich & Interactive

16. Designer | Visualizer
https://acdesignerbeta.azurewebsites.net/
https://vnext.adaptivecards.io/designer/
Tools
RN style + Platform specific
https://github.com/Imaginea/AdaptiveCards/wiki/
Extensibility---Theme-Config
Theme Config
Data Bindings
Conditional | Subcontext | Iteration
Model Driven
New components & behaviours
Extensibility & Fallback

17. ● Current process for card authors
● Utility for template selection
○ From Model | Metadata | Other Inputs
● Recommending suitable templates including data binding
● From selection Designer

18. Adaptive Cards Home
https://adaptivecards.io/
Docs | Schema | Samples
Repository https://github.com/microsoft/adaptivecards
Designer https://adaptivecards.io/designer/