How-to create a vertical list of quick replies for users

(2) Share

Report

Posted on by remidyon

Hello everyone,

A recurring ask in PVA is to be able to create a vertical list of quick reply instead of the horizontal list.

If you create a regular quick reply list with many values, you will get a scrollbar like this:

This is not ideal as you can't really see all the options unless you scroll all the way. The workaround is to create a simple JSON payload in an adaptive card:

{
 "type": "AdaptiveCard",
 "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
 "version": "1.5",
 "body": [
 {
 "type": "Container",
 "items": [
 {
 "type": "ActionSet",
 "actions": [
 {
 "type": "Action.Submit",
 "title": "Customer Support",
 "data": "Customer Support"
 },
 {
 "type": "Action.Submit",
 "title": "Knowledge Base",
 "data": "Knowledge Base"
 },
 {
 "type": "Action.Submit",
 "title": "FAQ",
 "data": "FAQ"
 },
 {
 "type": "Action.Submit",
 "title": "Store Hours",
 "data": "Store Hours"
 }
 ]
 }
 ]
 }
 ]
}

which will generate a list of links like this (much easier to read / use):

Categories:

Topic creation & management

I have the same question (0)

All responses (4)

Answers (0)

HenryJammes on at

Like (1)

Report
If you'd like the options to be stacked vertically in Teams as well, I suggest you have one option per container, i.e., like this:

{ "type": "AdaptiveCard", "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.3", "body": [ { "type": "Container", "items": [ { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Option 1", "data": "Option 1" } ] } ] }, { "type": "Container", "items": [ { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Option 2", "data": "Option 2" } ] } ] } ] }

Was this reply helpful? Yes No
vip01 52 on at

Like (0)

Report

Please also guide on how to transfer chat to Microsoft teams

Was this reply helpful? Yes No
vip01 52 on at

Like (0)

Report

please also guide me on how to transfer chat to a person in Microsoft teams

Was this reply helpful? Yes No
wswitzer 74 on at

Like (1)

Report

When i try to json from the original poster and I click the button it does not output any text as in a quick reply. Am I missing something?

Was this reply helpful? Yes No