Share via

Receipt card now workng in MS Teams

Himanshu 1 Reputation point
2021-12-03T07:11:41.843+00:00 
const receiptCardToTestTeams = {  
                    "contentType": "application/vnd.microsoft.card.receipt",  
                    "content": {  
                      "title": "John Doe",  
                      "facts": [  
                        {  
                          "key": "Order Number",  
                          "value": "1234"  
                        },  
                        {  
                          "key": "Payment Method",  
                          "value": "VISA 5555-****"  
                        }  
                      ],  
                      "items": [  
                        {  
                          "title": "Data Transfer",  
                          "image": {  
                            "url": "https://github.com/amido/azure-vector-icons/raw/master/renders/traffic-manager.png"  
                          },  
                          "price": "$ 38.45",  
                          "quantity": "368"  
                        },  
                        {  
                          "title": "App Service",  
                          "image": {  
                            "url": "https://github.com/amido/azure-vector-icons/raw/master/renders/cloud-service.png"  
                          },  
                          "price": "$ 45.00",  
                          "quantity": "720"  
                        }  
                      ],  
                      "total": "$ 90.95",  
                      "tax": "$ 7.50",  
                      "buttons": [  
                        {  
                          "type": "openUrl",  
                          "title": "More information",  
                          "image": "https://account.windowsazure.com/content/6.10.1.38-.8225.160809-1618/aux-pre/images/offer-icon-freetrial.png",  
                          "value": "https://azure.microsoft.com/en-us/pricing/"  
                        }  
                      ]  
                    }  
                  };  
  
                  
  
                await stepContext.context.sendActivity({ attachments: [receiptCardToTestTeams] });

using this code sample the receipt card is not rendered in Teams, where as same piece of code is working perfect with Skype, Web, Slack and Emulator

Teams output : 154715-image.png

Microsoft Teams Development
Microsoft Teams Development
Microsoft Teams: A Microsoft customizable chat-based workspace.Development: The process of researching, productizing, and refining new or existing technologies.
3,065 questions
0 comments

2 answers

Sort by: Most helpful
Most helpful Newest Oldest
  1. Meghana-MSFT 3,846 Reputation points Microsoft Vendor
    2023-07-26T10:58:17.2733333+00:00

    We are also able to repro this issue, a bug has been raised for this issue. We will keep you updated on the bug status. Thank you.

    Update : We received an update from the engineering team that receipt cards are now deprecated. We plan to update the documentation accordingly. It is recommended to use Adaptive Cards whenever possible.

  2. Meghana-MSFT 3,846 Reputation points Microsoft Vendor
    2023-07-27T07:09:03.11+00:00

    We are also able to repro this issue, a bug has been raised for this issue. We will keep you updated on the bug status. Thank you.Thanks, 

    Meghana

    ************************************************************************* 

    If the response is helpful, please click "Accept Answer" and upvote it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.  

    0 comments