Can I adjust the max width of bot chat card

Question

I note that the adaptive card width is fixed in my app and no matter how i modify the width of the content, like image width...
But I found Signeasy application welcome card is longer than other. As show in the image below, The upper one is wider than the lower one
Anyone can explain this, please help, thanks

Answer 1

You can use the msteams property to expand the width of an Adaptive Card. To make a full width Adaptive Card, the width object in msteams property in the card content must be set to 'Full'.

Sample JSON:

{  
    "type": "AdaptiveCard",  
    "body": [{  
        "type": "Container",  
        "items": [{  
            "type": "TextBlock",  
            "text": "Digest card",  
            "size": "Large",  
            "weight": "Bolder"  
        }]  
    }],  
  
    "msteams": {  
        "width": "Full"  
    },  
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",  
    "version": "1.2"  
}  

Ref: https://learn.microsoft.com/en-us/microsoftteams/platform/task-modules-and-cards/cards/cards-format?tabs=adaptive-md%2Cconnector-html#sample-adaptive-card-with-full-width

Thanks,

Prasad Das

---

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.