4,144 questions
How to show icon on the secondary action button on adaptive card in Microsoft Teams?
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(278.4, 91%, 36%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EVG%3C/text%3E%3C/svg%3E)
Valentina Gribkova
0
Reputation points
Following adaptive card has two actions "Submit" and "Execute", both have the same iconUrl (down arrowhead). The icon on the secondary action "Execute" does not show up. What needs to be done for it to show up?
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.5",
"body": [
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Submit",
"iconUrl":"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggaWQ9IlRyaWFuZ2xlLTEtQ29weS0xMiIgZD0iTTE1LjI3LDIwLjUzbC43LjcuNy0uNyw4LThhMSwxLDAsMSwwLTEuMy0xLjVsLS4xLjEtOCw4aDEuNGwtOC04YTEsMSwwLDAsMC0xLjQsMS40aDBaIiAvPjwvc3ZnPg=="
},
{
"type": "Action.Execute",
"title": "Execute",
"mode": "secondary",
"iconUrl":"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggaWQ9IlRyaWFuZ2xlLTEtQ29weS0xMiIgZD0iTTE1LjI3LDIwLjUzbC43LjcuNy0uNyw4LThhMSwxLDAsMSwwLTEuMy0xLjVsLS4xLjEtOCw4aDEuNGwtOC04YTEsMSwwLDAsMC0xLjQsMS40aDBaIiAvPjwvc3ZnPg=="
}
]
}
]
}
Microsoft Teams | Development
Microsoft Teams | Microsoft Teams for business | Other
10,945 questions
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(128, 8%, 22%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
Anonymous2024-11-08T01:49:46.3833333+00:00 Teams tag is mainly focused on the general issue of Microsoft Teams troubleshooting. According to your description, your question is related to Teams Development which is not in our support scope. To better help you solve your problem, I will add the Teams Development tag to your post. Thanks for your understanding and patience!
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(176, 78%, 27%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EPM%3C/text%3E%3C/svg%3E)
Prasad-MSFT 9,061 Reputation points Microsoft External Staff Moderator2024-11-08T05:58:51.0566667+00:00 Thank you for your report! We are currently unable to reproduce the issue you’re experiencing.
We tried with below card JSON and we can see the icon on the secondary action button.
Card JSON:
{ "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.5", "body": [ { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Submit", "iconUrl": "https://adaptivecards.io/content/cats/1.png" }, { "type": "Action.Execute", "title": "Execute", "mode": "secondary", "iconUrl": "https://adaptivecards.io/content/cats/1.png" } ] } ] }Also using the JSON shared by you the card renders as below:
We have tested in MS Teams web/desktop (Microsoft Teams version 24309.2500.3227.4355.The client version is 49/24110415400.) and mobile clients.
-
Prasad-MSFT 9,061 Reputation points Microsoft External Staff Moderator
2024-11-20T06:40:33.7533333+00:00 Valentina Gribkova, did you get any chance to verify?
Sign in to comment
Sign in to answer