如何在用户操作的 Teams Adaptive Card 上呈现错误消息

Question

我有一个团队机器人在需要时主动向用户发送自适应卡片。当用户在表单上按下提交时，我正在向另一个 Web 服务发出 POST 请求，该请求 returns 以下有效负载：

{
   success: bool,
   message: ''
}

如果结果成功（成功：真），我将更新适配卡。但是如果结果不成功（success: false），我想简单地显示一个错误，如下所示。

如何显示如上所示的错误消息？任何帮助表示赞赏。

Answer 1

对于像这样的错误消息本身并没有开箱即用的东西，但是您可以通过嵌入图像来模拟一些东西，并使用一种内置文本样式添加一些文本以获得红色颜色。特别是，请查看 this doc and using the "attention" colour. Here's a running sample 中的 "Color" 部分。

在您的情况下，您需要图像和文本，因此您需要一个列集，如下所示：

{
          "type": "ColumnSet",
          "columns": [
            {
              "type": "Column",
              "width": "auto",
              "items": [
                {
                  "size": "small",
                  "style": "person",
                  "type": "Image",
                  "url": "path to your image"
                }
              ]
            },
            {
              "type": "Column",
              "width": "stretch",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "whatever your error message is",
                  "weight": "bolder",
                  "wrap": true,
                  "color": "attention"
                }
              ]
            }

另外一点，因为您希望项目显示在按钮下方，所以您需要使用 "actionset" 将按钮定位在卡片的中间，而不是总是在卡片的中间底部。有关详细信息，请参阅 here，除非您不介意错误文本出现的确切位置。

[更新] 查看 Designer 上的初始示例，尤其是 "bleed" 属性上的初始示例，用于使文本全宽。

如何在用户操作的 Teams Adaptive Card 上呈现错误消息

How to render error messages on Teams Adaptive Card on User Action

c#

.net-core

botframework

microsoft-teams

adaptive-cards