A Banner Adaptive Card with a title, text block and button. The banner makes the message stand out, which is useful for project updates, announcements, or recognition.
You can replace the banner with your own graphic to fit the context.
How to use this template
This Adaptive Card is a starting point. Add dynamic content in Power Automate or refine the layout in the Adaptive Card Designer before adding it to your flow. Highlighted text in the JSON shows the parts you should replace with your own content.
Use as-is
Copy the JSON and insert it directly into your Power Automate flow. Add your own dynamic content to the text or button fields without changing the layout.
Customize it
Paste the JSON into the Adaptive Card Designer to edit visually and preview changes. When customizing, set the Target Version to 1.3 to ensure it works properly.
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.3",
"body": [
{
"type": "Container",
"backgroundImage": {
"url": "background-url"
},
"minHeight": "80px"
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "Card Title",
"wrap": true,
"size": "Large",
"weight": "Bolder"
},
{
"type": "TextBlock",
"text": "Card Body",
"wrap": true
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.OpenUrl",
"title": "Button Text",
"style": "positive",
"url": "button-url"
}
]
}
]
}
]
}