Как отображать сообщения об ошибках на Адаптивной Карте Команд при Действии Пользователя - PullRequest
Новая
       74

Как отображать сообщения об ошибках на Адаптивной Карте Команд при Действии Пользователя

1 голос
/ 26 апреля 2020

У меня есть командный бот, который отправляет адаптивные карты пользователям по желанию. Когда пользователь нажимает «отправить» в форме, я делаю POST-запрос к другому веб-сервису, который возвращает следующую полезную нагрузку: 

{
   success: bool,
   message: ''
}

Если результат будет успешным (success: true), я буду обновлять адаптивная карта. Но если результат не является успешным (success: false), я просто хочу показать ошибку, как показано ниже.

enter image description here

Как я go о показе сообщения об ошибке как выше? Любая помощь приветствуется.

1 Ответ

2 голосов
/ 26 апреля 2020

Нет ничего нестандартного для сообщения об ошибке, подобного этому, но вы можете смоделировать что-то, используя вложение изображения и добавив некоторый текст, используя один из встроенных стилей текста, чтобы получить красный цвет. В частности, посмотрите на раздел «Цвет» в , это делает c и использует цвет «внимание». Вот пример выполнения .

В вашем случае вам нужны изображение и текст, поэтому вам понадобится набор столбцов, например: 

{
          "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», чтобы расположить кнопки в центре карты, а не всегда внизу. См. здесь для получения дополнительной информации, если только вы не возражаете против того, где именно появляется текст ошибки.

[обновление] Посмотрите на исходный пример в Designer , и особенно в свойстве "bleed", чтобы сделать текст полной ширины.

...