如何在用戶操作的 Teams 自適應卡上呈現錯誤消息

Question

我有一個團隊機器人在需要時主動向用戶發送自適應卡片。 當用戶在表單上按下提交時，我正在向另一個 web 服務發出 POST 請求，該服務返回以下有效負載：

{
   success: bool,
   message: ''
}

如果結果是成功（成功：真），我將更新自適應卡。 但是如果結果不是成功（成功：假），我想簡單地顯示一個錯誤，如下所示。

我如何 go 關於顯示上述錯誤消息？ 任何幫助表示贊賞。

Answer 1

沒有任何開箱即用的錯誤消息，但您可以通過嵌入圖像來模擬某些內容，並使用內置文本 styles 之一添加一些文本以獲得紅色。 特別是，請查看本文檔中的“顏色”部分並使用“注意”顏色。 這是一個正在運行的示例。

在您的情況下，您需要圖像和文本，因此您需要一個列集，如下所示：

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

另外一點，因為您希望項目出現在按鈕下方，所以您希望使用“操作集”來 position 卡中間的按鈕，而不是總是在底部。 有關更多信息，請參見此處，除非您不介意錯誤文本出現的確切位置。

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