TeamsFormatter Documentation
Build in minutes. Paste once. Ship to Teams.
Targets Adaptive Card schema v1.5 (Teams compatible)
What is an Adaptive Card?
Adaptive Cards are JSON-based UI snippets used in Microsoft Teams, Outlook, and other Microsoft 365 services. They provide a standardized way to create rich, interactive content that can be displayed consistently across different platforms.
These cards are ideal for formatting messages with structured content including text, images, buttons, input fields, and more. They allow you to create visually appealing and interactive messages that engage users effectively.
Adaptive Cards are declarative (no scripting required), lightweight, and highly customizable. They automatically adapt to the host application's styling while maintaining your content structure and functionality.
Live Preview Built-In
TeamsFormatter includes a live visual preview of the card as you build it. This means you can see exactly how your message will appear in Microsoft Teams as you create it, without needing to use external preview tools.
This preview reflects the final rendering users will see in Microsoft Teams via Power Automate, ensuring your design looks exactly as intended before deploying your flow.
Advanced features like Pro ImageSet, Media, Table layouts, and Custom ColumnSet drag nesting are available for complex workflows.
Use in Power Automate
Hello World Example
{
"type":"AdaptiveCard","version":"1.5","body":[
{"type":"TextBlock","text":"Hello from TeamsFormatter","size":"Large","weight":"Bolder"},
{"type":"TextBlock","text":"This is your first Adaptive Card.","wrap":true}
],
"actions":[{"type":"Action.OpenUrl","title":"View Dashboard","url":"https://teamsformatter.com"}]
}Step 1: Open Power Automate
• Go to flow.microsoft.com
• Create a new "Automated cloud flow"
Step 2: Add the Microsoft Teams Step
• Add a new action: "Post a message (V3)"
• Select the target Team and Channel
Step 3: Paste JSON into the Message Field
• Set "Message type" to Adaptive Card
• Paste the JSON from TeamsFormatter
• Save and test the flow
Frequently Asked Questions
Troubleshooting
| Symptom | Likely cause | Fix |
|---|---|---|
| Card doesn't render | Message type not set to Adaptive Card | Set it in Post a message (V3) |
| Image not visible | Non-public or http URL | Use public https URL; avoid drive links |
| Buttons no-op | Unsupported action or blocked by policy | Use Action.OpenUrl / Action.Submit supported by Teams |
| JSON invalid | Schema mismatch (v1.6 features) | Use schema v1.5 and supported elements |