In a Topic, while designing a Question Node, I wanted to give a very big list of options to choose (for example 150 options). Configuring 150 options in Basic Card/Multiple Options/Options from a list var will be tedious for a chat user to scroll and select from it.
I need a solution for this. Is there a possibility to design dropdown search menu or type & search to pick from the Options. Please help me on this..
Maybe this will help? Display Data from Arrays in Adaptive Cards - Microsoft Copilot Studio | Microsoft Learn
Great ! I think this is working. One more help adilei, Can you share some possible solution to dynamically add the JSON schema to Adaptive Card from Power Automate JSON output
Change the schema to 1.5, it should work in Copilot Studio
Thanks adilei. But I tried to use your sample JSON and getting version not supported issue in Adaptive Cards.
Default version was 1.0. But when I use version 1.0, I am not getting proper filter component, its not editable/clickable
So, it seems adaptive cards actually support a filtered search experience. I don't know if there's a limit on the number of choices, but it seems it would be worthwhile to test this:
{
"type": "AdaptiveCard",
"body": [
{
"type": "Input.ChoiceSet",
"id": "choices",
"style": "filtered",
"choices": [
{
"title": "Option 1",
"value": "option1"
},
{
"title": "Option 2",
"value": "option2"
},
{
"title": "Option 3",
"value": "option3"
},
{
"title": "Option 4",
"value": "option4"
},
{
"title": "Option 5",
"value": "option5"
},
{
"title": "Option 6",
"value": "option6"
},
{
"title": "Option 7",
"value": "option7"
},
{
"title": "Option 8",
"value": "option8"
},
{
"title": "Option 9",
"value": "option9"
},
{
"title": "Option 10",
"value": "option10"
},
{
"title": "Option 11",
"value": "option11"
},
{
"title": "Option 12",
"value": "option12"
},
{
"title": "Option 13",
"value": "option13"
},
{
"title": "Option 14",
"value": "option14"
},
{
"title": "Option 15",
"value": "option15"
},
{
"title": "Option 16",
"value": "option16"
},
{
"title": "Option 17",
"value": "option17"
},
{
"title": "Option 18",
"value": "option18"
},
{
"title": "Option 19",
"value": "option19"
},
{
"title": "Option 20",
"value": "option20"
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
"version": "1.6"
}
Adilei,
Can I get some reference about after creating custom search component, how to embed to the existing MS copilot I have created in Copilot Studio?
Thanks adilei for your response.
Getting input from user and then search is not I am expecting. All the user will not be knowing the exact option to search thats why I wanted a dropdown type and search.
Let me check out the BotFramework link you have shared if it provides me a solution.Thanks a lot again!
Not exactly an autocomplete UX, but you could collect an input from the user, and then use a search function behind the scenes to retrieve a smaller subset of options that would be displayed as choices.
If you're comfortable with a more code centric approach, you could create your own search component and embed that in the chat. Here is an example: BotFramework-WebChat/samples/05.custom-components/f.password-input at main · microsoft/BotFramework-WebChat (github.com)