Skip to content

Commit 8df7716

Browse files
authored
Adding sample files for Card Designer ACE samples
1 parent df43151 commit 8df7716

File tree

2 files changed

+169
-0
lines changed

2 files changed

+169
-0
lines changed

assets/ace/events-quick-view.json

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
{
2+
"type": "AdaptiveCard",
3+
"version": "1.5",
4+
"@odata.type": "#microsoft.graph.message",
5+
"body": [
6+
{
7+
"type": "Container",
8+
"items": [
9+
{
10+
"type": "Image",
11+
"url": "https://raw.githubusercontent.com/SharePoint/sp-dev-docs/main/assets/ace/calendar-top.png"
12+
},
13+
{
14+
"type": "TextBlock",
15+
"text": "This control displays the latest calendar events. You can open the event in Outlook or, if it's a meeting, you can join it simply clicking on the button next to the event.",
16+
"wrap": true
17+
}
18+
]
19+
},
20+
{
21+
"type": "Container",
22+
"$data": "${value}",
23+
"items": [
24+
{
25+
"type": "ColumnSet",
26+
"columns": [
27+
{
28+
"type": "Column",
29+
"width": "stretch",
30+
"items": [
31+
{
32+
"type": "TextBlock",
33+
"text": "${subject}",
34+
"size": "Medium"
35+
},
36+
{
37+
"type": "TextBlock",
38+
"text": "${___location.displayName}",
39+
"spacing": "None"
40+
},
41+
{
42+
"type": "TextBlock",
43+
"text": "${formatDateTime(substring(start.dateTime,0,19), 'dd/MM/yyyy hh:mm')}-${formatDateTime(substring(end.dateTime,0,19), 'hh:mm')}",
44+
"spacing": "None",
45+
"size": "Small"
46+
}
47+
]
48+
},
49+
{
50+
"type": "Column",
51+
"width": "auto",
52+
"items": [
53+
{
54+
"type": "Image",
55+
"url": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAvBJREFUSEvtVUtIalEUXdeKiDDIiIY1i7CIBkqRRrNCAqFM6AsRQhMLx5VSVvTBoqwIIqTIoCYV1aBZ/4EDk4gkmgg16iP9cFQaez+89N4zrz148AZvw+XCufectddeZ68tRCKRCP5iCP8MgM/nQ39/P9bX15Gfnw+bzYb6+nokJyfH5Z8Qg0AggObmZqjVarS2tsLr9WJ4eBhjY2PQ6/UMEA6H8fT0BJlMhoyMDAiCwOsJAayuroKehYUFZGZmgmSbm5vD+fk5HA4H3t/f0d3djcnJScjlcvT29sJisTC7hADcbjd2d3cxMzPDB1AsLS3h5OQEExMTODo64kNnZ2dxe3uLnp4eLC4uQqlUQgiHwxGPx4PDw0POJFbc3NzwhunpaTQ0NODy8hKdnZ1cHnqvra2JDB8fH7mcxKy0tBTC/f19pKmpiTP8TnR1dWFwcBDp6emIahQKhUCPRqPB+Pj4Dy0+A9DNqKys/A1nb28PfX190Gq1XIqioiLk5OSIQtKGh4cHbG1tMaBOp+M3i/wZYHl5GcTm1yANiLZCoUBxcTFSUlIkydbW1qK9vf1ngJKSEmRnZ6OmpgZmsxlOpxPb29u4u7vD6ekpCgoKYDQakZaWJgIEg0Fsbm6yHpQABWl2dXUFSiymBtRQVAq73Q6r1SoeVlVVxZuysrLEtajgU1NT3IAUx8fHvPc/AJfjj0pkMpnQ2NiIlZUVzM/Pf1uDg4MDDA0Nfa3BV3cwEZHf3t7YaV9fXzE6OhrfKigTioqKCiQlJXGjkaNGnZK+nZ2dwWAw8A0qKysD2TpZD92g8vLy+GZH7rmzsyO6aCxm9I/L5YJKpcLFxQUKCwu5h/Ly8qTtOuoxpElLSwt7/efw+/1oa2vjA2M5QELzYH9/HwRAndrR0YHc3Fy8vLxgY2MDIyMjqK6uFk0vFkPJeUDDhWxiYGCAx2U0qObU5XV1dUhNTf3SmyQBojsJ6Pn5GdfX1+xXZBdS8zihEknapsQPH6Mh/FGBh+hUAAAAAElFTkSuQmCC",
56+
"selectAction": {
57+
"type": "Action.OpenUrl",
58+
"url": "${onlineMeeting.joinUrl}"
59+
},
60+
"$when": "${isOnlineMeeting}"
61+
}
62+
]
63+
},
64+
{
65+
"type": "Column",
66+
"width": "auto",
67+
"items": [
68+
{
69+
"type": "Image",
70+
"url": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAR5JREFUSEvtljGuRFAUhv8rIdGQSHQahc4ORG8PbMICVBZgE+xBL3agU2h0RIJCQsLkSt4kM2/e3Fu8ea+hPef4zvnOjYscx3Hggw95BizLgjAM4boufN/nQmdZhqIokCQJZFl+qCHzPB9pmmIcxzOwbRvyPIdpmrBtmwtQVRWapoHneRBF8axRVRVBEID0fX/QTilAURTs+466rqFpGnRd5wJ0XYdhGGBZFgRBwDRNJ4BOdgdEUQTHcfAbisqyRBzHrwF057QDSZK++fxpHNrUuq6nAUIIXgLoeIZhcClhJbVte2p+UPS1A1YxT/ztDnhewMp5uwNWMU/8AjAtXYouRUwDzIT/OUUf+9g9X5nM+TkT7lfmn/9VcDbInXYDn/BFftWPiLMAAAAASUVORK5CYII=",
71+
"selectAction": {
72+
"type": "Action.OpenUrl",
73+
"url": "${webLink}"
74+
}
75+
}
76+
]
77+
}
78+
]
79+
}
80+
],
81+
"separator": true
82+
}
83+
],
84+
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
85+
}

assets/ace/messages-quick-view.json

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
{
2+
"type": "AdaptiveCard",
3+
"version": "1.5",
4+
"@odata.type": "#microsoft.graph.message",
5+
"body": [
6+
{
7+
"type": "Container",
8+
"items": [
9+
{
10+
"type": "Image",
11+
"url": "https://raw.githubusercontent.com/SharePoint/sp-dev-docs/main/assets/ace/email-top.png"
12+
},
13+
{
14+
"type": "TextBlock",
15+
"text": "This control displays the last email message received in your inbox. To view the message, simply click on the button. The message will open directly in Outlook, allowing you to read and respond to it as needed.",
16+
"wrap": true
17+
}
18+
]
19+
},
20+
{
21+
"type": "Container",
22+
"$data": "${value}",
23+
"items": [
24+
{
25+
"type": "ColumnSet",
26+
"columns": [
27+
{
28+
"type": "Column",
29+
"width": "stretch",
30+
"items": [
31+
{
32+
"type": "TextBlock",
33+
"text": "${from.emailAddress.name}",
34+
"size": "Medium",
35+
"weight": "${if(isRead, 'normal', 'bolder')}"
36+
},
37+
{
38+
"type": "TextBlock",
39+
"text": "${subject}",
40+
"spacing": "None",
41+
"weight": "${if(isRead, 'normal', 'bolder')}"
42+
}
43+
]
44+
},
45+
{
46+
"type": "Column",
47+
"width": "auto",
48+
"items": [
49+
{
50+
"type": "TextBlock",
51+
"text": "${if(hasAttachments, '📎', '')} ${if(importance == 'normal', '', '❗')} ${if(flag.flagStatus == 'flagged', '🚩', '')}",
52+
"horizontalAlignment": "Right"
53+
},
54+
{
55+
"type": "TextBlock",
56+
"text": "{{DATE(${sentDateTime}, COMPACT)}} {{TIME(${sentDateTime})}}",
57+
"spacing": "None",
58+
"size": "Small"
59+
}
60+
],
61+
"verticalContentAlignment": "Center"
62+
},
63+
{
64+
"type": "Column",
65+
"width": "auto",
66+
"items": [
67+
{
68+
"type": "Image",
69+
"url": "${if(isRead, 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAY5JREFUSEvt1aGLwlAcB/DvQ2FNg6BFMPg3WDRZRayGLWkxKViUgUkYWgRNKy5psG52kxb/BoOwMtEwTaLwjudxntObb3onHMe9uvH97Pd9vDdCKaV44SK/Btjv9zAMAz6fD5lMBoIgeJqbOwELHo/HaLfbME3zFBqNRlGr1ZDNZrmQK3AZvFqtUKlUUCwWT0C/30e320U4HOZCN4BbcCAQcFSy3W49QWfAa/B18TyIHA4Hqus6Wq0WLqu4/mLejl5D9XoduVwOZL1eU1EUEYlE0Ol0EAqFeFl3n282G1SrVViWheFw+AnMZjMoioJSqQS/3/8UcjweoaoqZFlGMpl0AolEAqPRCOVy+SnkI7zX6yGfz2M+nzuBRqMBttFsgkeRy3A2ATuEzWbzFmBjTSYTFAoFLJfLh2qKxWLQNA3pdBqs7i+BVCoFdvctFovzqfWqsNMdj8dBCMF0OnUHvAbee+8f4Lb4RyuybRuPXnBuXbGLLxgMvh+03W5HB4MBGPCTiwGSJIH7y/wu+nLgDSewZ7NrDNFAAAAAAElFTkSuQmCC', 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAARBJREFUSEvtlS2qhUAYhl+LRbALYhMsrsAF2MXmLhRsJpugu7CJ3QW4AotgE8EiBsFimYNevJxz8Th6YZpThpnv55nvnT+OEELAsHEPgKYue4nGcSS+76NtW9pibtkVRUEUReCGYSCO46Cua6y9KIq3Ev11nqYJaZpC07St/wUURQFd1+F5HmzbhiAIt0DzPCPLMsRxjKqqYJrmJ8B1XfR9vzms7SroPfEeJ0kSkiT5BARBAMMwcBRwVNGZX1mWCMPwGLDr8i3Bat+l+FbpJcARaFmWbZrn+VMJbwHeQXmeb0PLsk4Pwb8Ad47UA6CqdSiRqqqQZZkafMWh6zo0TfNzD5g/ds+PRtsT9j8a6z14AbwnH7bn+xIdAAAAAElFTkSuQmCC')}",
70+
"selectAction": {
71+
"type": "Action.OpenUrl",
72+
"url": "${webLink}"
73+
}
74+
}
75+
]
76+
}
77+
]
78+
}
79+
],
80+
"separator": true
81+
}
82+
],
83+
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
84+
}

0 commit comments

Comments
 (0)