Botframework-webchat: UI cards behavior change in V4
Screenshots
Version
4.6 Via CDN
Describe the bug
In V3 Hero cards, there was no spacing between text and button action set. Now there is a visible gap between both and is treated as different objects. This is causing a major change in UI when upgrading from V3 to V4.
To Reproduce
Steps to reproduce the behavior:
- Go to any sample with Hero cards
- Type a message with Hero card
- See the changes marked in the screenshot attached.
- Verify the same with V3
Expected behavior
UI should be the same as V3. There should not be any gap between text and Action set buttons blobs.
Additional context
This is a major change when upgrading from V3
[Bug]
alokraj68
>All comments
In v4, the design was updated and a gap was introduced to improve readability, especially on activities with multiple attachments.
From what I observed from your screenshot, could you try sending an Adaptive Cards instead of hero card? Adaptive Cards has very flexible content, thus, you can add title before an image and action buttons.
You can read more about Adaptive Cards here, https://adaptivecards.io/.
compulim
on 8 Nov 2019
Related issues
marcasmar94
路
3Comments
felixhauserch
路
3Comments
AndreMantas
路
4Comments
compulim
路
3Comments
prashanthsridhar
路
3Comments
Most helpful comment
In v4, the design was updated and a gap was introduced to improve readability, especially on activities with multiple attachments.
From what I observed from your screenshot, could you try sending an Adaptive Cards instead of hero card? Adaptive Cards has very flexible content, thus, you can add title before an image and action buttons.
You can read more about Adaptive Cards here, https://adaptivecards.io/.