Power Platform Community Forum Thread Details

Adaptive card have multiple option once user select one option it should grayed out another option.

Hi Team,

we need support on adaptive card. We have developed adaptive card where we have given 3option for user to select. So once user selects one option, we want to gray out other options. Even though once user selects any option flow is getting trigger and he is getting result, but if he scrolls up and select another option it is also getting selected.

for more info please check below image

Here I have selected web option, for which my flow got trigger....But still User is able to select other option as well. I need help to disable other option, once user select one option.

I am attaching my adaptive card flow code for reference.

{
"type": "AdaptiveCard",
"version": "1.5",
"body": [
{
"type": "Container",
"style": "default",
"items": [
{
"type": "TextBlock",
"text": "Please select the below one category for which you need help?",
"weight": "Bolder",
"size": "Medium",
"wrap": true,
"spacing": "Medium",
"horizontalAlignment": "Left",
"style": "default",
"fontType": "Default"
}
]
},
{
"type": "Container",
"style": "default",
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"width": 33,
"systle": "default",
"separator": true,
"items": [
{
"type": "Image",
"url": "Internal.jpg",
"size": "Small",
"width": "80px",
"height": "80px",
"horizontalAlignment": "Center"
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Internal",
"wrap": true,
"data": {
"choice": "Internal"
},
"role": "Button"
}
]
}
]
},
{
"type": "Column",
"width": 33,
"systle": "default",
"separator": true,
"items": [
{
"type": "Image",
"url": "Web.png",
"size": "Medium",
"width": "80px",
"height": "80px",
"horizontalAlignment": "Center"
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Web",
"data": {
"choice": "Web"
},
"role": "Button"
}
]
}
]
},
{
"type": "Column",
"width": 33,
"systle": "default",
"separator": true,
"items": [
{
"type": "Image",
"url": "AIGPT1.png",
"size": "Medium",
"width": "80px",
"height": "80px",
"horizontalAlignment": "Center"
},
{
"type": "ActionSet",
"actions": [
{
"type": "Action.Submit",
"title": "Assist Bot",
"data": {
"choice": "Assistance"
},
"role": "Button"
}
]
}
]
}
]
}
],
"backgroundImage": {
"horizontalAlignment": "Center"
},
"selectAction": {
"type": "Action.ToggleVisibility"
}
},
{
"type": "Container",
"style": "default",
"items": [
{
"type": "TextBlock",
"text": "Use it ",
"weight": "Bolder",
"size": "Small",
"wrap": true,
"fontType": "Default"
}
]
},
{
"type": "Container",
"style": "default",
"items": [
{
"type": "TextBlock",
"text": "Please be aware that each individual is entirely responsible for adhering to confidentiality and compliance requirements",
"weight": "Bolder",
"size": "Small",
"wrap": true,
"fontType": "Default"
}
]
}
],
"$schema": "http://adaptivecards.io/schemas/adaptive-card.json"
}