Capture emoji value along with user input text using Adaptive card

Anonymous
2022-01-27T14:25:40.003+00:00

Hi,

I have created an adaptive card to gather user feedback.

It has emojis which user can click and also a text box where user can provide suggestion.
And I have added a submit button which should capture values of emojis and text entered in textbox and should call an API and send the data there as body.

I am unable to understand how to capture associated value with emoji and text together?
I am able to do either one like add an action.http in image itself which can call API and send it's associated value there. But here I am missing capturing text.

Pic of adaptive card:
168950-adaptivecard.png

Here is JSON for adaptive card, changed emoji to an available cat image in adaptive card as I was unable to enter base64 here due to letters constraint. In actual they are emojis as shown in pic:

{  
    "constrainWidth": true,  
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",  
    "type": "AdaptiveCard",  
    "version": "1.0",  
    "body": [  
        {  
            "type": "TextBlock",  
            "weight": "Bolder",  
            "text": "How was your experience",  
            "wrap": true,  
            "size": "large",  
            "horizontalAlignment": "left"  
        },  
        {  
            "type": "ImageSet",  
            "id": "Options",  
            "imageSize": "medium",  
            "images": [  
                    {  
                        "type": "Image",  
                        "value": "Very unsatisfied",  
                        "id": "Very unsatisfied",  
                        "url": "https://adaptivecards.io/content/cats/1.png",  
                        "size": "Medium"  
                    },  
                    {  
                        "type": "Image",  
                        "value": "Very Satisfied",  
                        "url": "https://adaptivecards.io/content/cats/1.png",  
                        "size": "Medium"  
                    }  
            ]  
        },  
        {  
            "type": "Container",  
            "id": "3734939f-dd4d-79be-cf3c-2ad791f382ba",  
            "padding": {  
                "top": "Default",  
                "bottom": "None",  
                "left": "Default",  
                "right": "Default"  
            },  
            "items": [  
                {  
                    "type": "Input.Text",  
                    "id": "Suggestions",  
                    "placeholder": "Have another suggestion?"  
                }  
            ],  
            "spacing": "None"  
        },  
        {  
            "type": "Container",  
            "id": "a27409f1-a48e-982f-8e26-594bdd1468e8",  
            "padding": "Default",  
            "items": [  
                {  
                    "type": "ActionSet",  
                    "horizontalAlignment": "Left",  
                    "actions": [  
                        {  
                            "type": "Action.Http",  
                            "title": "Submit",  
                            "method": "POST",  
                            "url": "APIURL",  
                            "body": "{\n\"Option\": \"{{Options.value}}\", \"SuggestionText\": \"{{Suggestions.value}}\"}",  
                            "isPrimary": true,  
                            "style": "positive"  
                        }  
                    ]  
                }  
            ],  
            "spacing": "None"  
        }  
    ],  
    "padding": "None"  
}  
Microsoft Teams Development
Microsoft Teams Development
Microsoft Teams: A Microsoft customizable chat-based workspace.Development: The process of researching, productizing, and refining new or existing technologies.
2,833 questions
{count} votes