Grid MS AdaptiveCard问题:占位符和网格无法正确显示
这两个问题都是关于AdaptiveCard Bot框架的。 Q1:我已在自适应卡片中设置了默认占位符值:文本1,但触发事件后,占位符无法正确显示,占位符为空。占位符中没有提示信息(text1)。即使我将MS示例代码复制到源代码中,它仍然不起作用。我在Chrome浏览器、Firefox和IE11上都试过了,但都失败了。Grid MS AdaptiveCard问题:占位符和网格无法正确显示,grid,size,botframework,placeholder,adaptive-cards,Grid,Size,Botframework,Placeholder,Adaptive Cards,这两个问题都是关于AdaptiveCard Bot框架的。 Q1:我已在自适应卡片中设置了默认占位符值:文本1,但触发事件后,占位符无法正确显示,占位符为空。占位符中没有提示信息(text1)。即使我将MS示例代码复制到源代码中,它仍然不起作用。我在Chrome浏览器、Firefox和IE11上都试过了,但都失败了。 Q2:我已经使用自适应卡片设置了列集中两列的宽度(一列设置为40,另一列设置为10),但它似乎不起作用。网格显示不正确。 问题1: 占位符值的渲染取决于主机渲染器。在这张
Q2:我已经使用自适应卡片设置了列集中两列的宽度(一列设置为40,另一列设置为10),但它似乎不起作用。网格显示不正确。
问题1: 占位符值的渲染取决于主机渲染器。在这张图中,您可以看到几个不同主机的比较,您可以看到其中两个主机确实呈现了占位符 问题2: 列设置正确,列集渲染正确 这里您可以看到,在考虑了自动和拉伸列宽之后,数字格式的列宽是总宽度的% 在下面的示例中,第一列设置为“自动”,第二列保持为10 第二列占用整个空间,因为“自动”将第一列的宽度设置为可以渲染的最窄宽度 不同主机中的可视化器可能会以不同的方式显示这一点,但不管主机是什么,它们都是相同的 希望这能有所帮助。Q1: 占位符值的渲染取决于主机渲染器。在这张图中,您可以看到几个不同主机的比较,您可以看到其中两个主机确实呈现了占位符 问题2: 列设置正确,列集渲染正确 这里您可以看到,在考虑了自动和拉伸列宽之后,数字格式的列宽是总宽度的% 在下面的示例中,第一列设置为“自动”,第二列保持为10 第二列占用整个空间,因为“自动”将第一列的宽度设置为可以渲染的最窄宽度 不同主机中的可视化器可能会以不同的方式显示这一点,但不管主机是什么,它们都是相同的
希望这能有所帮助。您在哪个渠道获得这些结果?可视化工具中的占位符似乎按预期运行:您使用的是哪个版本的自适应卡库客户端?bot是使用node还是.net sdk构建的?您在哪个通道中获得这些结果?可视化工具中的占位符似乎按预期运行:您使用的是哪个版本的自适应卡库客户端?bot是使用node还是.net sdk构建的?
[
{
"contentType": "application/vnd.microsoft.card.adaptive",
"content": {
"type": "AdaptiveCard",
"version": "1.0",
"body": [
{
"type": "TextBlock",
"text": "Test",
"weight": "bolder",
"size": "medium"
},
{
"type": "ColumnSet",
"spacing": "none",
"columns": [
{
"type": "Column",
"width": 40,
"items": [
{
"type": "Input.ChoiceSet",
"id": "country",
"style": "compact",
"placeholder": "Country",
"value": "1",
"choices": [
{
"title": "UnitedStates",
"value": "US"
}
]
}
]
},
{
"type": "Column",
"width": 10,
"items": [
{
"type": "Input.Number",
"placeholder": "text1",
"min": 0,
"id": "Text1"
}
]
}
]
}
],
"actions": [
{
"type": "Action.Submit",
"title": "Button"
}
]
}
}
]