【问题标题】:how to increase the size of the adaptive card?如何增加自适应卡的大小?
【发布时间】:2021-05-06 05:06:23
【问题描述】:
我使用自适应卡片以表格格式显示数据。自适应卡上显示了四列。在 Bot 框架模拟器上,它显示正确的数据,如图所示。在 bot 框架模拟器上,它显示正确的列数据。但是当它部署到团队时,它的最后一列数据被截断,如何解决?如何增加自适应卡的大小?
【问题讨论】:
标签:
c#
.net
microsoft-teams
adaptive-cards
【解决方案1】:
Teams 客户端中自适应卡片的宽度由 Teams 客户端本身根据当前查看区域宽度确定 - 您无法直接影响此值。要使该卡工作,您将需要探索替代方法(缩短日期字段的格式看起来应该可以让您到达那里,至少在桌面客户端上)。我会确保您使用 App Studio 中提供的卡片编辑器来测试您的卡片设计,并将它们实际发送给您自己,以便您可以在各种客户端(网络、桌面、Android、iOS)上测试它们。
【解决方案2】:
“全宽”自适应卡片功能在某个时候发布,现在可用。我没有用你正在使用的列测试它,但它可能有助于解决这种情况。
Microsoft 已经记录了它的工作原理:
要制作全宽自适应卡片
卡片内容中msteams属性中的width对象必须设置为
满的。此外,您的应用必须包含以下元素:
{
"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"
}