Adaptive card
13 TopicsSending adaptive card and receive response in Teams using Python
Hi all, I'm working on a project that involves sending adaptive cards to users and I also want to receive any response from the users and follow up to execute other actions (log down responses,comments etc...). My adaptive card is similar to this sample below: I have tried Microsoft Flow but it has many limitations that made me decide to go ahead with using Python instead. I have three questions: 1) Must I create a Teams Bot using Python and Bot Framework in order to send adaptive cards and receive responses to do follow up actions? 2) I read that Microsoft Teams "Incoming Webhooks" only supports message cards and not adaptive cards. Do message cards allow for actions by end users? 3) Are there any other methods without creating a bot? Sorry for the lengthy post and any help is greatly appreciated!! (:19KViews0likes7CommentsThe bot is not part of conversation roster error in Adaptive card message to Teams in flow
I made two actions in a flow in Power Automate. 1. Post a message to a Teams channel 2. Post an Adaptive Card to Teams channel I got an error in the Adaptive card message. "The bot is not part of conversation roster" Please help me to find the reason and a solution.8.6KViews0likes6CommentsChannel welcome message to direct the user to a tab
I have created a new channel in our Corporate-wide supportteam called "Request Office 365 Group" and I would love to direct the users directly to the "Request Group" tab, where a simple form is attached. What's the best way to do that? Thanks in advance.6.7KViews1like1CommentHow 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  4.7KViews0likes0CommentsInitiate a link to a call in teams
Is there a way to initiate a deep link to a call just as in chat : https://teams.microsoft.com/l/call/0/0 I am trying to add a button to adaptive card that initiates a call between 2 users on Microsoft Teams. I tried callto: [email address] but the link shows me : " Due to an internal error, this web page could not be loaded. We recommend that you close this page. " even though if I type the link directly to search bar in chrome, it redirects to starting a call in teams. but clicking on the ActionOpenURL button gives me the prev error. So I have 2 questions for now: is there a possible way to initiate a call link between 2 users and if not, how can I solve the callto problem?4.1KViews0likes0Comments[bug] MS Teams for IOS, Adaptive Card action button is renders incorrect (trims)
Hello we have developing Teams bot, and main flow is using Adaptive Card with Adaptive actions. on Mobile version of MSTeams iOS(version 3.8.1), is renders incorrect (trims or event does not shown) screenshots below. On Adaptive Designer, Desktop Version, Web and Android is OK but on iOS we faced with problem. Here is Adaptive Card Json: { "type": "AdaptiveCard", "version": "1.2", "body": [ { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "50px" }, { "type": "Column", "width": "stretch", "items": [ { "type": "TextBlock", "text": "Hello, ", "wrap": true }, { "type": "TextBlock", "text": "I am here to help you. Please choose one of the topics below to start", "wrap": true } ] } ] }, { "type": "Container", "id": "actionContainer", "items": [ { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "auto", "items": [ { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "data": { "type": "ShowCard", "keyCard": "@key1", "fromMenuKey": "@command1" }, "title": "[ Word1 word2 word 3]" } ], "spacing": "Small" } ], "spacing": "Small" }, { "type": "Column", "items": [ { "type": "TextBlock", "size": "Small", "weight": "Lighter", "text": "All necessary word \n word2 word3 word 4", "horizontalAlignment": "Right", "wrap": true, "spacing": "None" } ], "verticalContentAlignment": "Center", "selectAction": { "type": "Action.Submit", "data": { "type": "ShowCard", "keyCard": "@key2", "fromMenuKey": "@command2" }, "title": "[ Word1 Word2 Word3 Word6]" }, "width": "stretch" } ], "spacing": "Small", "separator": true }, { "type": "ColumnSet", "columns": [ { "type": "Column", "width": "auto", "items": [ { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "data": { "type": "ShowCard", "keyCard": "@key3", "fromMenuKey": "@command3" }, "title": "[ word1 word2 word3 word6 ]" } ] } ], "spacing": "Small" }, { "type": "Column", "items": [ { "type": "TextBlock", "size": "Small", "weight": "Lighter", "text": "If you have word1 question word2 word3 word4 word5", "horizontalAlignment": "Right", "wrap": true, "spacing": "None" } ], "verticalContentAlignment": "Center", "selectAction": { "type": "Action.Submit", "data": { "type": "ShowCard", "keyCard": "@key4", "fromMenuKey": "@command4" }, "title": "[ Request word help ]" }, "width": "stretch" } ], "spacing": "Small", "separator": true } ] }, { "type": "ColumnSet", "id": "searchColumnset", "columns": [ { "type": "Column", "width": "auto" }, { "type": "Column", "width": "stretch", "items": [ { "type": "Input.Text", "id": "searchInputText", "placeholder": "Key word " } ] }, { "id": "searchColumn", "type": "Column", "width": "stretch", "items": [ { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "data": { "type": "runDialog", "dialog": "SearchDialog", "fromMenuKey": "@command1" }, "title": "Search" } ] } ] }, { "type": "Column", "width": "auto", "height": "stretch" } ] }, { "type": "TextBlock", "id": "navigationTextBlock", "text": "Help" } ], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json" }1.7KViews0likes2CommentsHow to use the adaptive metadata
I want to use adaptive metadata store some data in teams bot, and get the data in handleTeamsTaskModuleFetch() when I click the button in the adaptive card. Is it possible? If not, can anybody please give an example how to use the adaptive metadata correctly.1.4KViews0likes7CommentsAdaptive 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" } ] } ] } ] }1.4KViews3likes7CommentsShare to Ms Teams - preview a Hero Card
I'm trying to do a Teams integration into our application. There is a "Share to Ms Teams" button and when the user clicks on it, I want to show a Hero Card preview instead of the default preview it offers. Is there a way I can do it? Share to Ms Teams: https://developer.microsoft.com/en-us/microsoft-teams/share-to-teams#scroll-to-teams https://docs.microsoft.com/en-us/microsoftteams/platform/concepts/build-and-test/share-to-teams1.1KViews0likes1Comment