I want to display list of multiple options in adaptive card with padding. I am not sure how can I approach this. example mentioned in screen shot I want to display something like that. Please tell me how can I approach this problem.
Hi @furqanmajeed,
Just to double check. Are you looking for a choice set where the input is processed? Or is this more a button/navigation type of thing you are looking for?
For the first option I don't think you can render it like that. The closest thing I found was the multi-select expanded style:
{
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"type": "AdaptiveCard",
"version": "1.5",
"body": [
{
"type": "Input.ChoiceSet",
"id": "requiredMultiselectId",
"style": "expanded",
"isMultiSelect": true,
"label": "Required Input.ChoiceSet label (expanded, multiselect)",
"isRequired": true,
"errorMessage": "This is a required input",
"choices": [
{
"title": "Scheduling Information",
"value": "1"
},
{
"title": "Billing & Payments",
"value": "2"
},
{
"title": "Manage Account Settings",
"value": "3"
},
{
"title": "Add or Change Service",
"value": "4"
},
{
"title": "Login Assistence",
"value": "5"
},
{
"title": "Something Else",
"value": "6"
}
]
}
]
}
If you are talking about buttons I would suggest to have a look at the examples on the Action.Submit page:
https://adaptivecards.io/explorer/Action.Submit.html
Pablo Roldan
25
Romain The Low-Code...
23
stampcoin
10