Adaptive Card AI Generator

Adaptive Cards are platform-agnostic snippets of UI, authored in JSON, that apps and services can openly exchange. They automatically adapt their rendering to the host application's (Teams, Outlook, Viva) visual style, ensuring a native look and feel.

In a Viva Connections Adaptive Card Extension (ACE), paste the JSON into your template view files (CardView.json, QuickView.json). SPFx renders these cards in the Viva Connections dashboard, Teams, and SharePoint.

Use schema version 1.5 for maximum compatibility across Teams, Outlook, and Viva. Version 1.6 adds features like Action.Execute but has limited support in older clients. Always test in your target platform.

Yes! Adaptive Cards support Input.Text, Input.Number, Input.Date, Input.Time, Input.Toggle, and Input.ChoiceSet. Combine with Action.Submit to send the form data back to your bot or flow.

Yes. Actionable Messages in Outlook use Adaptive Cards. You can embed approval buttons, surveys, or quick actions directly in emails. Users interact without leaving their inbox. Requires registering with the Actionable Email Developer Dashboard.

The JSON payload must be under 28KB for Teams and 50KB for Outlook. Cards should render in under 200ms. Avoid deeply nested containers (>5 levels) and excessive image loading for best performance.

Yes. Adaptive Cards support Adaptive Card Templating — separate your template (layout) from data (JSON object). Use ${property} syntax to bind data dynamically, and the SDK merges them at runtime. This is ideal for displaying SharePoint list data.