如何在用户操作的 Teams 自适应卡上呈现错误消息

Question

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

{
   success: bool,
   message: ''
}

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

我如何去显示像上面这样的错误信息？任何帮助表示赞赏。

Answer 1

对于这样的错误消息本身并没有什么开箱即用的功能，但是您可以通过嵌入图像来模拟某些内容，并使用其中一种内置文本样式添加一些文本以获得红色。特别是，查看this doc 中的“颜色”部分并使用“注意”颜色。这是running sample。

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

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

另外一点，由于您希望项目显示在按钮下方，因此您需要使用“操作集”将按钮放置在卡片的中间，而不是始终位于底部。有关更多信息，请参阅 here，除非您不介意错误文本出现的确切位置。

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