Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adpative card version 1.5 Table is not rendering in WebChat #4626

Open
dmvtech opened this issue Jan 25, 2023 · 4 comments
Open

Adpative card version 1.5 Table is not rendering in WebChat #4626

dmvtech opened this issue Jan 25, 2023 · 4 comments
Assignees
Labels
Bot Services Required for internal Azure reporting. Do not delete. Do not change color. bug Indicates an unexpected problem or an unintended behavior. customer-replied-to Required for internal reporting. Do not delete. customer-reported Required for internal Azure reporting. Do not delete.

Comments

@dmvtech
Copy link

dmvtech commented Jan 25, 2023

Is it an issue related to Adaptive Cards?

Yes, this is an Adaptive Card issue, however it only repro on Web Chat.

Is this an accessibility issue?

No

What version of Web Chat are you using?

Latest production

Which distribution are you using Web Chat from?

Bundle (webchat.js)

Which hosting environment does this issue primarily affect?

Web apps

Which browsers and platforms do the issue happened?

No response

Which area does this issue affect?

Attachment: Adaptive Card

What is the public URL for the website?

No response

Please describe the bug

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

Below is the sample JSON structure of the adaptive card.

Do you see any errors in console log?

No response

How to reproduce the issue?

Test by sending above adaptive card using type Table.

What do you expect?

To render card and table correctly.

What actually happened?

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

Emulator and Composer give an empty response:
image

Do you have any screenshots or recordings to repro the issue?

No response

Adaptive Card JSON

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

Additional context

Does not reproduce in Adaptive Cards Designer.

@dmvtech dmvtech added Bot Services Required for internal Azure reporting. Do not delete. Do not change color. bug Indicates an unexpected problem or an unintended behavior. customer-reported Required for internal Azure reporting. Do not delete. labels Jan 25, 2023
@stevkan
Copy link
Collaborator

stevkan commented Feb 27, 2023

@compulim - Can you take a look at this?

@stevkan stevkan added the customer-replied-to Required for internal reporting. Do not delete. label Feb 27, 2023
@cpendery
Copy link
Member

cpendery commented Jul 21, 2023

@dmvtech The readme says that only 1.3 is supported for Bot Framework. The Adaptative Card Designer says the same.

@LarryLeonidas
Copy link

Any update on this issue and resolution? I'm experiencing the same issue. Can add the attachment but it does not render in the Web Chat or Emulator, instead we see a blank bubble.
image

@cpendery
Copy link
Member

@dmvtech The readme says that only 1.3 is supported for Bot Framework. The Adaptative Card Designer says the same.

1.5 is supported now as of 4.15.8

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Bot Services Required for internal Azure reporting. Do not delete. Do not change color. bug Indicates an unexpected problem or an unintended behavior. customer-replied-to Required for internal reporting. Do not delete. customer-reported Required for internal Azure reporting. Do not delete.
Projects
None yet
Development

No branches or pull requests

5 participants