How to show icon on the secondary action button on adaptive card in Microsoft Teams?

Valentina Gribkova 0

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?
card

{
  "$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=="
        }
      ]
    }
  ]
}

Robin Sheng-MSFT 3,765 Reputation points Microsoft Vendor

2024-11-08T01:49:46.3833333+00:00

Hi @Valentina Gribkova

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!

Prasad-MSFT 6,886 Microsoft Vendor

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.

User's image

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:
User's image

We have tested in MS Teams web/desktop (Microsoft Teams version 24309.2500.3227.4355.The client version is 49/24110415400.) and mobile clients.

Share via

How to show icon on the secondary action button on adaptive card in Microsoft Teams?

Your answer