BotFramework-Composer icon indicating copy to clipboard operation
BotFramework-Composer copied to clipboard

Adpative card version 1.5 Table is not rendering in built-in Composer WebChat

Open dmvtech opened this issue 2 years ago • 1 comments

Describe the bug

Tables are a feature that surfaced in adaptive card version 1.5. But they are not rendering in Composer WebChat. They also do not work in, WebChat, Test in WebChat or Emulator.

Below is the sample JSON structure of the adaptive card.

{
  "type": "AdaptiveCard",
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.5",
  "body": [
    {
      "type": "Table",
      "columns": [
        {
          "width": 1
        },
        {
          "width": 1
        },
        {
          "width": 1
        }
      ],
      "rows": [
        {
          "type": "TableRow",
          "cells": [
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "11",
                  "wrap": true
                }
              ]
            },
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "111",
                  "wrap": true
                }
              ]
            },
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "1111",
                  "wrap": true
                }
              ]
            }
          ]
        },
        {
          "type": "TableRow",
          "cells": [
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "22",
                  "wrap": true
                }
              ]
            },
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "222",
                  "wrap": true
                }
              ]
            },
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "2222",
                  "wrap": true
                }
              ]
            }
          ]
        },
        {
          "type": "TableRow",
          "cells": [
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "33",
                  "wrap": true
                }
              ]
            },
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "333",
                  "wrap": true
                }
              ]
            },
            {
              "type": "TableCell",
              "items": [
                {
                  "type": "TextBlock",
                  "text": "3333",
                  "wrap": true
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}

Version

2.1.2

Browser

  • [x] Electron distribution
  • [x] Chrome
  • [ ] Safari
  • [ ] Firefox
  • [x] Edge

OS

  • [ ] macOS
  • [x] Windows
  • [ ] Ubuntu

To Reproduce

Steps to reproduce the behavior:

Send above adaptive card with Tables type as part of it.

Expected behavior

Should render card/table as experienced in Adaptive Cards Designer.

Screenshots

Web Chat and Test in Web Chat give a friendly error: image

Emulator and Composer give an empty response: image

dmvtech avatar Jan 25 '23 23:01 dmvtech

Any ETA for a solution?

ischebda avatar May 14 '23 12:05 ischebda