How To Create A Basic Adaptive Card and Post It To Teams
This tutorial will demonstrate how to use the adaptive card designer to create a basic adaptive card consisting of static text and a clickable button with an embedded Url. It will also demonstrate how to post an adaptive card to a channel in Microsoft Teams using Microsoft Power Automate. This tutorial is intended to introduce adaptive cards and how they can be utilized in Microsoft Teams and Power Automate for simple use cases such as posting reminder messages. https://youtu.be/BGlrKBTJIKU
Adaptive card 'Toggle visibility' function stopped working in the New MS Teams
Toggle visibility function in adaptive cards stopped working in the new version of MS Teams. The issue is not reproducible in the older version of MS Teams. It can be reproduced in developer portal with the following card structure example: { "type": "AdaptiveCard", "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.4", "body": [ { "type": "Container", "items": [ { "type": "TextBlock", "text": "Request", "size": "Large", "wrap": true, "weight": "Bolder", "spacing": "Small", "horizontalAlignment": "Center" }, { "type": "TextBlock", "text": "Please provide your contact information", "wrap": true, "spacing": "Medium" }, { "type": "Container", "items": [ { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "Contact Data", "wrap": true, "style": "default", "fontType": "Default", "size": "Medium", "weight": "Bolder" } ] }, { "type": "Column", "width": "20px", "items": [ { "type": "Image", "url": "https://adaptivecards.io/content/up.png", "id": "chevronUp1" }, { "type": "Image", "url": "https://adaptivecards.io/content/down.png", "id": "chevronDown1", "isVisible": false } ], "selectAction": { "type": "Action.ToggleVisibility", "targetElements": [ "contactData", "chevronDown1", "chevronUp1" ] } } ] }, { "type": "Container", "items": [ { "type": "Input.Text", "id": "rt_user_first_name", "errorMessage": "Please input contact person first name", "label": "First Name", "spacing": "Small", "value": "{{memory.rt_user_first_name}}", "isRequired": true }, { "type": "Input.Text", "label": "Last Name", "id": "rt_user_last_name", "errorMessage": "Please input contact person last name", "spacing": "Small", "value": "{{memory.rt_user_last_name}}", "isRequired": true }, { "spacing": "Small", "regex": "^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$", "isRequired": true, "value": "{{memory.rt_user_email}}", "placeholder": "email address removed for privacy reasons", "label": "Email", "type": "Input.Text", "id": "rt_user_email", "errorMessage": "Please provide the contact person email" }, { "spacing": "Small", "regex": "^[+][0-9]{10,12}$", "maxLength": 13, "value": "{{memory.rt_user_phone_number}}", "placeholder": "+1", "label": "Phone Number", "type": "Input.Text", "id": "rt_user_phone_number", "errorMessage": "Asking you to kindly enter the phone number in the international format, starting with +, then the country code, operator code and your local number." } ], "id": "contactData", "spacing": "Small" } ] } ] }, { "type": "Container", "items": [ { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Submit" } ] } ] } ] }
There is no shadow when moving mouse upon an adaptive card column which was set "Selection action".
There is a shadow when moving mouse upon an adaptive card column which was set "Selection action" in adaptive card designer. However, with same adaptive card codes, there is no shadow when moving mouse upon an adaptive card column which was set "Selection action" in teams chat. The adaptive card codes is : { "type": "AdaptiveCard", "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.6", "body": [ { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "New TextBlock", "wrap": true } ], "selectAction": { "type": "Action.OpenUrl", "url": "https://adaptivecards.io/designer/" } } ] } ] }
Command menu not show in Teams mobile app
Hi, I just create my chat bot on Teams and I add some "Command menu" in Teams Developer page. So that can show on Desktop but did not show on mobile application. Here's my short manifest from Developer page. "bots": [ { "botId": "497ed9a0-1823-4a6c-8d3c-b0281b024645", "scopes": ["personal"], "commandLists": [ { "commands": [ { "title": "Change use case", "description": "เปลี่ยนหัวข้อในการสนทนา" }, { "title": "Read privacy policy", "description": "อ่านนโยบายความเป็นส่วนตัว" }, { "title": "Read terms of use", "description": "อ่านข้อกำหนดและเงื่อนไขการใช้บริการ" } ], "scopes": ["personal"] } ], "isNotificationOnly": false, "supportsCalling": false, "supportsVideo": false, "supportsFiles": false } ] But when I testing Adaptive Card via Developer Protal that will show "Suggested prompts" on the bottom right. So the "Command menu" and "Suggested prompts" are the same feature? and why that not working on my bot? Here's the attachment
