How to display an array of choice options with Adaptive Card JSON

[PakN4Z]

Hello,

I am trying to create an Adaptive Card that displays an array of choice options using JSON. I am having trouble figuring out how to do this and would appreciate any help or guidance on how to achieve this.
I am using power automate to get items from list and I want to output choices for user.

Here is select function which select column:

{
  "type": "Select",
  "inputs": {
    "from": "@outputs('Get_items')?['body/value']",
    "select": "@item()?['Title']"
  },
  "runAfter": {
    "Get_items": [
      "Succeeded"
    ]
  }
}

here is my example, but which does not work for me to output array of items:

{
    "type": "AdaptiveCard",
    "body": [
        {
            "type": "TextBlock",
            "size": "Medium",
            "weight": "Bolder",
            "text": "Select data:"
        },
        {
            "type": "Input.ChoiceSet",
            "choices": ["@{outputs('Select_LOT')?['body']}"
            ],
            "placeholder": "Select value",
            "label": "1. REF"
        },
        {
            "type": "Input.ChoiceSet",
            "choices": ["@{outputs('Select_REF')?['body']}"
            ],
            "placeholder": "Select value",
            "label": "2.  LOT"
        }
    ],
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.5"
}

General view of my flow:

[v-yueyun-msft]

Hi , @PakN4Z 

You can try to add the "Title" and "Value" in your Select action:

This is my test Card code:

{
    "type": "AdaptiveCard",
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "version": "1.4",
    "body": [
        {
            "type": "Input.ChoiceSet",
            "choices": [
                {
                    "title": "Choice 1",
                    "value": "Choice 1"
                },
                {
                    "title": "Choice 2",
                    "value": "Choice 2"
                }
            ],
            "placeholder": "Placeholder text",
            "id": "acPollChoices"
        },
        {
            "type": "ActionSet",
            "actions": [
                {
                    "type": "Action.Submit",
                    "title": "Action.Submit"
                }
            ]
        }
    ]
}

Designer | Adaptive Cards

The result is as follows in teams:

If this reply can help you , you can click mark this reply as solution (Accept solution) which can help more people, thanks in advance! 

Best Regards,

Yueyun Zhang

[PakN4Z]

So for example my list contains 5 items. I want them all listed in the dropdown list. In future it could be even 10 items, so I want my code would be flexible and always dropdown all items from the list without me modified json.

This is my select now:

{
  "type": "Select",
  "inputs": {
    "from": "@outputs('Get_items')?['body/value']",
    "select": {
      "title": "@{item()?['Title']}",
      "value": "@{item()?['Title']}"
    }
  },
  "runAfter": {
    "Get_items": [
      "Succeeded"
    ]
  }
}

So my adaptive card should look something like this?

{
  "type": "AdaptiveCard",
  "body": [
    {
      "type": "TextBlock",
      "size": "Medium",
      "weight": "Bolder",
      "text": "Select data:"
    },
    {
      "type": "Input.ChoiceSet",
      "choices": @{outputs('Select_REF')?['body']},
      "placeholder": "Select value",
      "label": "1. REF"
    },
    {
      "type": "Input.ChoiceSet",
      "choices": @{outputs('Select_LOT')?['body']},
      "placeholder": "Select value",
      "label": "2.  LOT"
    }
  ],
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.5"
}

[v-yueyun-msft]

Hi , @PakN4Z 

Yes, I don't see any problems with your code, you can test it on your side, do you still have errors or other problems?

Best Regards,

Yueyun Zhang

[PakN4Z · Accepted solution]

Hello,

it took a while to figure out but I solved it with your help :).
My select:

{
    "inputs": {
        "from": "@outputs('Get_items')?['body/value']",
        "select": {
            "title": "@item()?['Diameter']",
            "value": "@item()?['Diameter']"
        }
    }
}

 My compose for adaptive card:

{
    "inputs": {
        "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
        "type": "AdaptiveCard",
        "version": "1.4",
        "body": [
            {
                "type": "TextBlock",
                "text": "Add a task",
                "weight": "Bolder",
                "size": "Medium"
            },
            {
                "type": "TextBlock",
                "size": "Medium",
                "text": "Pasirinkti diametrą"
            },
            {
                "type": "Input.ChoiceSet",
                "choices": "@outputs('Select')?['body']",
                "placeholder": "Placeholder text",
                "id": "TEST_ID"
            }
        ],
        "actions": [
            {
                "type": "Action.Submit",
                "title": "Pateikti"
            }
        ]
    }
}

My adaptive card:

{
    "inputs": {
        "host": {
            "connectionName": "shared_teams",
            "operationId": "PostCardAndWaitForResponse",
            "apiId": "/providers/Microsoft.PowerApps/apis/shared_teams"
        },
        "parameters": {
            "poster": "Flow bot",
            "location": "Chat with Flow bot",
            "body/body/messageBody": "@outputs('Compose_2')",
            "body/body/updateMessage": "Thanks for your response!",
            "body/body/recipient/to": "giedrius@prodenta.lt;"
        },
        "authentication": {
            "type": "Raw",
            "value": "@json(decodeBase64(triggerOutputs().headers['X-MS-APIM-Tokens']))['$ConnectionKey']"
        }
    },
    "metadata": {
        "operationMetadataId": "6fdfbc60-7878-4c5a-bfc2-e837ce42f2ef"
    }
}

@v-yueyun-msft  thank you for assistance.

here is proof that it works now 🙂