I have a simple adaptive card, with 3 input fields."ac_status" (visible at start)"ac_category" (not visible at start)"ac_comment" (not visible at star

Hide adaptive card object based on condition

I have a simple adaptive card, with 3 input fields.

"ac_status" (visible at start)
"ac_category" (not visible at start)
"ac_comment" (not visible at start)

I am intending to conditionally unhide input fields ("ac_category" & "ac_comments") if the value of "ac_status" is "Closed".

{
 "type": "AdaptiveCard",
 "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
 "version": "1.4",
 "body": [
 {
 "type": "Container",
 "items": [
 {
 "type": "Input.ChoiceSet",
 "choices": [
 {
 "title": "Open",
 "value": "Open"
 },
 {
 "title": "Closed",
 "value": "Closed"
 }
 ],
 "placeholder": "Open / Closed",
 "isRequired": true,
 "errorMessage": "Input required",
 "label": "Status of the query:",
 "style": "expanded",
 "id": "ac_status",
 },
 {
 "type": "Input.ChoiceSet",
 "choices": [
 {
 "title": "Production issue",
 "value": "Production issue"
 },
 {
 "title": "Client issue",
 "value": "Client issue"
 }
 ],
 "placeholder": "Select category",
 "label": "Where does this query fall under?",
 "isRequired": true,
 "errorMessage": "Input required",
 "isMultiSelect": true,
 "id": "ac_category",
 "isVisible": false,
 "$when": "${ac_status.value == 'Closed'}" 
 },
 {
 "type": "Input.Text",
 "placeholder": "Placeholder text",
 "isMultiline": true,
 "label": "Additional Comments:",
 "id": "ac_comments",
 "separator": true,
 "isVisible": false,
 "$when": "${ac_status.value == 'Closed'}" 
 }
 ],
 "style": "default"
 }
 ]
}

I am unsure where i am going wrong with this. Please help me.

Quick Links