Search code examples
botframeworkadaptive-cardsbot-framework-composer

Thumb up/down satisfaction emoji UI on bot framework composer with adaptative card

Going through the issues page of bot framework composer, I stumbled on this issue which shows an interesting UI card for getting the user's satisfactory :

image

Does this looks like an adaptive card ? How can we reproduce that ?

Solution

  • the easiest thing to do is go to the designer on Adaptivecards.io. They have a super simple Adaptive Cards Designer experience that is drag and drop.

    on other tabs they have example templates which you can launch in the designer to see how they work and play with them.

    In your example above, the card is simply a text field with two image links and the images are clickable. You can use the containers and/or columns components in the designer to layout the items.