Adaptive Card Make input field required depending on submit button

(0) Share

Report

Posted on by Jonny Boy

I am creating a flow which posts an adaptive card to a Teams Chat.

The flow has 2 action.submit buttons (Approve & Reject) and one input.text field.

Is it possible that when a user clicks the Reject button it makes the input.text required, but when approve button is clicked input.text is optional?

{

"type": "ActionSet",

"actions": [

{

"type": "Action.Submit",

"title": "APPROVE",

"id": "btnApprove"

{

"type": "Action.Submit",

"title": "REJECT",

"id": "btnReject"

}

]

{

"type": "Input.Text",

"placeholder": "Comments",

"id": "txtComments",

"isMultiline": true

}

Categories:

Building flows

I have the same question (1)

All responses (5)

Answers (0)

Sort by

akashindori1234 61 on at

Like
a
(0)

Report
Copy link

Link copied!

Were you able to figure out how to implement this? I am in the same situation where depending on the user's intent(specific button clicked), different fields are required or optional.

Was this reply helpful? Yes No
maheshBI 6 on at

Like
a
(0)

Report
Copy link

Link copied!

Can you be more specific on what you need exactly. In fact if you need a text input that must be required to complete, let me show you this :

{
  "type": "Input.Text",
  "placeholder": "Comments",
  "id": "txtComments",
  "isMultiline": true
  "isRequired": true,
"errorMessage": "you must complete this"
}

Try this and Let me know if this is what you need

Was this reply helpful? Yes No
akashindori1234 61 on at

Like
a
(0)

Report
Copy link

Link copied!

I know about "isRequired": true.

I have two buttons, Submit and Cancel.

If the user clicks Cancel, I want to exit the adaptive card and not display messages such as 'this field is required'.

However if the user clicks Submit I want required fields to be entered before futher processing.

Was this reply helpful? Yes No
roverton 12 on at

Like
a
(0)

Report
Copy link

Link copied!

Use this
"associatedInputs": "none" for your cancel button

Supporting document

Was this reply helpful? Yes No
Suggested answer

EnoqMaps 2 on at

Like
a
(0)

Report
Copy link

Link copied!
Hi, according to this latest update from Microsoft below.

You will need to use the

"associatedInputs": "none"

like :

{

  "type": "Action.Submit",

  "title": "REJECT",

  "id": "btnReject",

"associatedInputs": "none"

}

   ]

},

{

  "type": "Input.Text",

  "placeholder": "Comments",

  "id": "txtComments",

  "isMultiline": true,

"isRequired": true, "errorMessage": "Please enter your Comment"

}

Input validation - Adaptive Cards

Was this reply helpful? Yes No