Samples
These samples are just a teaser of the type of cards you can create. Go ahead and tweak them to make any scenario possible!
Expense report
{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0",
"body": [
{
"type": "Container",
"style": "emphasis",
"bleed": true,
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "**EXPENSE APPROVAL**",
"size": "large",
"weight": "bolder"
}
]
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"url": "https://filedepot.blob.core.windows.net/build/pending.png",
"height": "30px",
"altText": "Pending"
}
]
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "extraLarge",
"text": "Trip to UAE",
"wrap": true
},
{
"type": "TextBlock",
"spacing": "small",
"weight": "bolder",
"color": "accent",
"size": "small",
"text": "[ER-0001](https://expense.localzoho.com/app#/approvals/27262000000098057)"
}
],
"width": "stretch"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.OpenUrl",
"title": "EXPORT AS PDF",
"url": "https://expense.localzoho.com/api/v1/expensereports/27262000000098057?accept=pdf"
}
]
}
]
}
]
},
{
"type": "FactSet",
"spacing": "large",
"facts": [
{
"title": "Submitted By",
"value": "**Naveen kumar B** \n naveenkumar.b@zohocorp.com "
},
{
"title": "Duration",
"value": "20/08/2018 - 22/08/2018"
},
{
"title": "Submitted On",
"value": "20/08/2018"
},
{
"title": "Reimbursable Amount",
"value": "$ 404.30"
},
{
"title": "Awaiting approval from",
"value": "**Hari** \n hari@zohodev.onmicrosoft.com"
},
{
"title": "Submitted to",
"value": "**Hari** \n hari@zohodev.onmicrosoft.com"
}
]
}
]
},
{
"type": "Container",
"style": "emphasis",
"bleed": true,
"spacing": "large",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "DATE"
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "large",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "CATEGORY"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "AMOUNT"
}
],
"width": "auto"
}
]
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "20/8/18",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "medium",
"items": [
{
"type": "TextBlock",
"text": "Air Travel Expense",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$ 300",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronDown1",
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/down.png",
"altText": "collapsed",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "collapse",
"targetElements": [
"cardContent1",
"chevronUp1",
"chevronDown1"
]
}
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronUp1",
"isVisible": false,
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/up.png",
"altText": "expanded",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "expand",
"targetElements": [
"cardContent1",
"chevronUp1",
"chevronDown1"
]
}
}
],
"width": "auto"
}
]
},
{
"type": "Container",
"id": "cardContent1",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "* Testing 1. by nvnkumar on Tue, Feb 14th, 2017 at 6:00 AM.",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "* Testing 2. by nvnkumar on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
},
{
"type": "TextBlock",
"text": "* Testing 2. by nadhu on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
},
{
"type": "Container",
"items": [
{
"type": "Input.Text",
"id": "comment1",
"placeholder": "Add your comment here."
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "comment",
"lineItem": 1
}
}
]
}
],
"width": "auto"
}
]
}
]
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "center",
"text": "21/8/18",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "medium",
"items": [
{
"type": "TextBlock",
"text": "Auto Mobile Expense",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$ 100",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronDown2",
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/down.png",
"altText": "collapsed",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "collapse",
"targetElements": [
"cardContent2",
"chevronUp2",
"chevronDown2"
]
}
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronUp2",
"isVisible": false,
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/up.png",
"altText": "expanded",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "expand",
"targetElements": [
"cardContent2",
"chevronUp2",
"chevronDown2"
]
}
}
],
"width": "auto"
}
]
},
{
"type": "Container",
"id": "cardContent2",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "* Testing 1. by nvnkumar on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
},
{
"type": "Container",
"items": [
{
"type": "Input.Text",
"id": "comment2",
"placeholder": "Add your comment here."
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "comment",
"lineItem": 2
}
}
]
}
],
"width": "auto"
}
]
}
]
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "center",
"text": "22/8/18",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "medium",
"items": [
{
"type": "TextBlock",
"text": "Air Travel Expense",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$ 4.30",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronDown3",
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/down.png",
"altText": "collapsed",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "collapse",
"targetElements": [
"cardContent3",
"chevronUp3",
"chevronDown3"
]
}
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronUp3",
"isVisible": false,
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/up.png",
"altText": "expanded",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "expand",
"targetElements": [
"cardContent3",
"chevronUp3",
"chevronDown3"
]
}
}
],
"width": "auto"
}
]
},
{
"type": "Container",
"id": "cardContent3",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"type": "Input.Text",
"id": "comment3",
"placeholder": "Add your comment here."
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "comment",
"lineItem": 3
}
}
]
}
],
"width": "auto"
}
]
}
]
}
]
},
{
"type": "ColumnSet",
"separator": true,
"spacing": "large",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "right",
"text": "Total Expense Amount \t",
"wrap": true
},
{
"type": "TextBlock",
"horizontalAlignment": "right",
"wrap": true,
"text": "Non-reimbursable Amount"
},
{
"type": "TextBlock",
"horizontalAlignment": "right",
"wrap": true,
"text": "Advance Amount"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "404.30"
},
{
"type": "TextBlock",
"text": "(-) 0.00 \t"
},
{
"type": "TextBlock",
"text": "(-) 0.00 \t"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [],
"width": "auto"
}
]
},
{
"type": "Container",
"style": "emphasis",
"bleed": true,
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "right",
"wrap": true,
"text": "Amount to be Reimbursed"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "$ 404.30"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [],
"width": "auto"
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"id": "chevronDown4",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "show history",
"targetElements": [
"cardContent4",
"chevronUp4",
"chevronDown4"
]
},
"verticalContentAlignment": "center",
"items": [
{
"type": "TextBlock",
"color": "accent",
"text": "Show history",
"wrap": true,
"horizontalAlignment": "right"
}
],
"width": 1
},
{
"type": "Column",
"id": "chevronUp4",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "hide history",
"targetElements": [
"cardContent4",
"chevronUp4",
"chevronDown4"
]
},
"verticalContentAlignment": "center",
"isVisible": false,
"items": [
{
"type": "TextBlock",
"color": "accent",
"text": "Hide history",
"horizontalAlignment": "right",
"wrap": true
}
],
"width": 1
}
]
}
]
},
{
"type": "Container",
"id": "cardContent4",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "* Testing 1. by nvnkumar on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
},
{
"type": "TextBlock",
"text": "* Testing 2. by nvnkumar on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
},
{
"type": "TextBlock",
"text": "* Testing 2. by nadhu on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Approve",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "approve"
}
},
{
"type": "Action.ShowCard",
"title": "Reject",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "Input.Text",
"id": "RejectCommentID",
"placeholder": "Please specify an appropriate reason for rejection.",
"isMultiline": true
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "reject"
}
}
]
}
}
]
}
]
}
]
}{
"type": "AdaptiveCard",
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.0",
"body": [
{
"type": "Container",
"style": "emphasis",
"bleed": true,
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": "stretch",
"items": [
{
"type": "TextBlock",
"text": "**EXPENSE APPROVAL**",
"size": "large",
"weight": "bolder"
}
]
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "Image",
"url": "https://filedepot.blob.core.windows.net/build/pending.png",
"height": "30px",
"altText": "Pending"
}
]
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"size": "extraLarge",
"text": "Trip to UAE",
"wrap": true
},
{
"type": "TextBlock",
"spacing": "small",
"weight": "bolder",
"color": "accent",
"size": "small",
"text": "[ER-0001](https://expense.localzoho.com/app#/approvals/27262000000098057)"
}
],
"width": "stretch"
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.OpenUrl",
"title": "EXPORT AS PDF",
"url": "https://expense.localzoho.com/api/v1/expensereports/27262000000098057?accept=pdf"
}
]
}
]
}
]
},
{
"type": "FactSet",
"spacing": "large",
"facts": [
{
"title": "Submitted By",
"value": "**Naveen kumar B** \n naveenkumar.b@zohocorp.com "
},
{
"title": "Duration",
"value": "20/08/2018 - 22/08/2018"
},
{
"title": "Submitted On",
"value": "20/08/2018"
},
{
"title": "Reimbursable Amount",
"value": "$ 404.30"
},
{
"title": "Awaiting approval from",
"value": "**Hari** \n hari@zohodev.onmicrosoft.com"
},
{
"title": "Submitted to",
"value": "**Hari** \n hari@zohodev.onmicrosoft.com"
}
]
}
]
},
{
"type": "Container",
"style": "emphasis",
"bleed": true,
"spacing": "large",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "DATE"
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "large",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "CATEGORY"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "AMOUNT"
}
],
"width": "auto"
}
]
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "20/8/18",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "medium",
"items": [
{
"type": "TextBlock",
"text": "Air Travel Expense",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$ 300",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronDown1",
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/down.png",
"altText": "collapsed",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "collapse",
"targetElements": [
"cardContent1",
"chevronUp1",
"chevronDown1"
]
}
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronUp1",
"isVisible": false,
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/up.png",
"altText": "expanded",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "expand",
"targetElements": [
"cardContent1",
"chevronUp1",
"chevronDown1"
]
}
}
],
"width": "auto"
}
]
},
{
"type": "Container",
"id": "cardContent1",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "* Testing 1. by nvnkumar on Tue, Feb 14th, 2017 at 6:00 AM.",
"isSubtle": true,
"wrap": true
},
{
"type": "TextBlock",
"text": "* Testing 2. by nvnkumar on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
},
{
"type": "TextBlock",
"text": "* Testing 2. by nadhu on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
},
{
"type": "Container",
"items": [
{
"type": "Input.Text",
"id": "comment1",
"placeholder": "Add your comment here."
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "comment",
"lineItem": 1
}
}
]
}
],
"width": "auto"
}
]
}
]
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "center",
"text": "21/8/18",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "medium",
"items": [
{
"type": "TextBlock",
"text": "Auto Mobile Expense",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$ 100",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronDown2",
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/down.png",
"altText": "collapsed",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "collapse",
"targetElements": [
"cardContent2",
"chevronUp2",
"chevronDown2"
]
}
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronUp2",
"isVisible": false,
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/up.png",
"altText": "expanded",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "expand",
"targetElements": [
"cardContent2",
"chevronUp2",
"chevronDown2"
]
}
}
],
"width": "auto"
}
]
},
{
"type": "Container",
"id": "cardContent2",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "* Testing 1. by nvnkumar on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
},
{
"type": "Container",
"items": [
{
"type": "Input.Text",
"id": "comment2",
"placeholder": "Add your comment here."
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "comment",
"lineItem": 2
}
}
]
}
],
"width": "auto"
}
]
}
]
}
]
},
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "center",
"text": "22/8/18",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "medium",
"items": [
{
"type": "TextBlock",
"text": "Air Travel Expense",
"wrap": true
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "$ 4.30",
"wrap": true
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronDown3",
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/down.png",
"altText": "collapsed",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "collapse",
"targetElements": [
"cardContent3",
"chevronUp3",
"chevronDown3"
]
}
}
],
"width": "auto"
},
{
"type": "Column",
"spacing": "small",
"verticalContentAlignment": "center",
"id": "chevronUp3",
"isVisible": false,
"items": [
{
"type": "Image",
"width": "20px",
"url": "https://messagecarddemo.blob.core.windows.net/messagecard/up.png",
"altText": "expanded",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "expand",
"targetElements": [
"cardContent3",
"chevronUp3",
"chevronDown3"
]
}
}
],
"width": "auto"
}
]
},
{
"type": "Container",
"id": "cardContent3",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"type": "Input.Text",
"id": "comment3",
"placeholder": "Add your comment here."
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "comment",
"lineItem": 3
}
}
]
}
],
"width": "auto"
}
]
}
]
}
]
},
{
"type": "ColumnSet",
"separator": true,
"spacing": "large",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "right",
"text": "Total Expense Amount \t",
"wrap": true
},
{
"type": "TextBlock",
"horizontalAlignment": "right",
"wrap": true,
"text": "Non-reimbursable Amount"
},
{
"type": "TextBlock",
"horizontalAlignment": "right",
"wrap": true,
"text": "Advance Amount"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "404.30"
},
{
"type": "TextBlock",
"text": "(-) 0.00 \t"
},
{
"type": "TextBlock",
"text": "(-) 0.00 \t"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [],
"width": "auto"
}
]
},
{
"type": "Container",
"style": "emphasis",
"bleed": true,
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"horizontalAlignment": "right",
"wrap": true,
"text": "Amount to be Reimbursed"
}
],
"width": "stretch"
},
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"weight": "bolder",
"text": "$ 404.30"
}
],
"width": "auto"
},
{
"type": "Column",
"items": [],
"width": "auto"
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"id": "chevronDown4",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "show history",
"targetElements": [
"cardContent4",
"chevronUp4",
"chevronDown4"
]
},
"verticalContentAlignment": "center",
"items": [
{
"type": "TextBlock",
"color": "accent",
"text": "Show history",
"wrap": true,
"horizontalAlignment": "right"
}
],
"width": 1
},
{
"type": "Column",
"id": "chevronUp4",
"selectAction": {
"type": "Action.ToggleVisibility",
"title": "hide history",
"targetElements": [
"cardContent4",
"chevronUp4",
"chevronDown4"
]
},
"verticalContentAlignment": "center",
"isVisible": false,
"items": [
{
"type": "TextBlock",
"color": "accent",
"text": "Hide history",
"horizontalAlignment": "right",
"wrap": true
}
],
"width": 1
}
]
}
]
},
{
"type": "Container",
"id": "cardContent4",
"isVisible": false,
"items": [
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "* Testing 1. by nvnkumar on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
},
{
"type": "TextBlock",
"text": "* Testing 2. by nvnkumar on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
},
{
"type": "TextBlock",
"text": "* Testing 2. by nadhu on Tue, Feb 14th, 2017 at 6:00 AM.",
"wrap": true,
"isSubtle": true
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Approve",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "approve"
}
},
{
"type": "Action.ShowCard",
"title": "Reject",
"card": {
"type": "AdaptiveCard",
"body": [
{
"type": "Input.Text",
"id": "RejectCommentID",
"placeholder": "Please specify an appropriate reason for rejection.",
"isMultiline": true
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Send",
"data": {
"id": "_qkQW8dJlUeLVi7ZMEzYVw",
"action": "reject"
}
}
]
}
}
]
}
]
}
]
}
Try it Yourself »