MS AdaptiveCard 问题：占位符和网格无法正确显示答案

【问题标题】：MS AdaptiveCard Issue: Placeholder and the grid cannot be displayed correctlyMS AdaptiveCard 问题：占位符和网格无法正确显示
【发布时间】：2018-11-04 21:39:29
【问题描述】：

这两个问题都是关于 AdaptiveCard Botframework 的。

Q1：我已经在adaptivecard中设置了默认的placeholder值：text1，但是在触发事件，占位符无法正确显示，占位符为空白。占位符中没有提示信息（text1）。即使我将 MS 示例代码复制到我的源代码，它仍然无法正常工作。我在 Chrome、Firefox 和 IE11 中都试过，但都失败了。
The placeholder was blank
MS samplecode
MS sample linkage
Q2：我已经设置使用 adaptivecard 的列集中两列的宽度（一列设置为 40，另一列设置为 10），但似乎不工作。网格显示不正确。
My source
Width limit seems not working

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

【问题讨论】：

您在哪个渠道获得这些结果？
可视化工具中的占位符似乎按预期运行：imgur.com/a/MNC3L 您在客户端使用哪个版本的自适应卡片库？机器人是使用 node 还是 .net sdk 构建的？

标签： grid size botframework placeholder adaptive-cards

【解决方案1】：

第一季度：占位符值根据主机渲染器进行渲染。您在这张图片中看到的是几个不同主机的比较，您可以看到其中两个确实渲染了占位符。

第二季度：列设置正确，列集渲染正确。

您在这里可以看到，在考虑了自动和拉伸列宽之后，数字格式的列宽占总宽度的百分比

在下面，您的第一列设置为自动，第二列保持在 10

第二列占据了整个空间，因为 AUTO 会将第一列设置为可以呈现的最窄宽度。

不同主机中的可视化器可能会以不同方式显示这一点，但无论主机如何，它们肯定都是相同的。

希望这会有所帮助。

【讨论】：