Grid MS AdaptiveCard问题:占位符和网格无法正确显示

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: 占位符值的渲染取决于主机渲染器。在这张

这两个问题都是关于AdaptiveCard Bot框架的。

Q1:我已在自适应卡片中设置了默认占位符值文本1,但触发事件后,占位符无法正确显示,占位符为空。占位符中没有提示信息(text1)。即使我将MS示例代码复制到源代码中,它仍然不起作用。我在Chrome浏览器、Firefox和IE11上都试过了,但都失败了。



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"            
              }
            ]
          }
        }
      ]