Skip to main content

Notifications

Topic Creation & Management
Unanswered

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

Posted on by

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:

remidyon_0-1698845106226.png

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):

remidyon_1-1698845317016.png

 

 

  • wswitzer Profile Picture
    wswitzer 74 on at
    Re: How-to create a vertical list of quick replies for users

    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?

  • vip01 Profile Picture
    vip01 52 on at
    Re: How-to create a vertical list of quick replies for users

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

  • vip01 Profile Picture
    vip01 52 on at
    Re: How-to create a vertical list of quick replies for users

    Please also guide on how to transfer chat to Microsoft teams 

  • HenryJammes Profile Picture
    HenryJammes on at
    Re: How-to create a vertical list of quick replies for users

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

     

Helpful resources

Quick Links

Welcome to the Power Platform…

We are thrilled to unveil the newly-launched Power Platform Communities!…

Getting Started…

Welcome to the Power Platform Community! We appreciate your visit…

Welcome to the new Power Platform Community!…

We are excited to announce our new Copilot Cookbook Gallery in the Community…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 138,006

#2
RandyHayes Profile Picture

RandyHayes 76,308

#3
Pstork1 Profile Picture

Pstork1 63,059

Leaderboard

Featured topics