BotFramework-WebChat
BotFramework-WebChat copied to clipboard
microsoft
Adpative card version 1.5 Table is not rendering in WebChat
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:
Emulator and Composer give an empty response:
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 The readme says that only 1.3 is supported for Bot Framework. The Adaptative Card Designer says the same.
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.
@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