Documentation
Microsoft Search Adaptive Cards
Basic Adaptive Card
{
"type": "AdaptiveCard",
"version": "1.3",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"url": "${iconUrl}",
"horizontalAlignment": "center",
"size": "small"
}
],
"horizontalAlignment": "center"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "[${title}](${url})",
"weight": "bolder",
"size": "medium",
"maxLines": 3,
"color": "accent"
}
],
"spacing": "none"
}
],
"spacing": "small"
},
{
"type": "TextBlock",
"text": "[${url}](${url})",
"spacing": "small",
"weight": "bolder",
"color": "dark"
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "Modified on {{DATE(${lastModifiedDate})}}",
"spacing": "small",
"$when": "${lastModifiedDate!=''}"
}
],
"spacing": "small"
},
{
"type": "TextBlock",
"text": "${ResultSnippet}",
"maxLines": 2,
"wrap": true,
"spacing": "small"
}
],
"spacing": "medium"
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}
Adaptive Card with Breadcrumb and Icon
{
"type": "AdaptiveCard",
"version": "1.3",
"body": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"url": "data:image/svg+xml;base64,${iconSvg}",
"horizontalAlignment": "Center",
"size": "Small",
"$when": "${iconSvg!=''}"
}
],
"horizontalAlignment": "Center"
},
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "${rootItemTitle[0]}",
"weight": "Bolder",
"size": "Small",
"$when": "${rootItemTitle[0]!=''}"
}
],
"spacing": "None"
},
{
"type": "Column",
"width": "15px",
"items": [
{
"type": "TextBlock",
"text": " > ",
"weight": "Bolder",
"size": "Small",
"$when": "${rootItemTitle[0]!=''}"
}
],
"spacing": "None"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "${parentItemTitle[0]}",
"weight": "Bolder",
"size": "Small",
"$when": "${parentItemTitle[0]!=''}"
}
],
"spacing": "None"
},
{
"type": "Column",
"width": "15px",
"items": [
{
"type": "TextBlock",
"text": " > ",
"weight": "Bolder",
"size": "Small",
"$when": "${parentItemTitle[0]!=''}"
}
],
"spacing": "None"
},{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "${title}",
"weight": "Bolder",
"size": "Small"
}
],
"spacing": "None"
}
],
"spacing": "Small"
},
{
"type": "TextBlock",
"text": "[${title}](${url})",
"weight": "Bolder",
"size": "Medium",
"maxLines": 3,
"color": "Accent"
},
{
"type": "TextBlock",
"text": "[${url}](${url})",
"spacing": "Small",
"weight": "Bolder",
"color": "Dark"
},
{
"type": "TextBlock",
"text": "${ResultSnippet}",
"maxLines": 2,
"wrap": true,
"spacing": "Small"
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "Modified on {{DATE(${lastModifiedDate})}}",
"spacing": "Small",
"$when": "${lastModifiedDate!=''}",
"size": "Small"
}
],
"spacing": "Small"
}
],
"spacing": "None"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "Authors: ${authors}",
"spacing": "Small",
"$when": "${authors!=''}",
"size": "Small"
}
],
"spacing": "Small"
}
]
}
],
"spacing": "Small"
}
],
"spacing": "Medium"
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}