Answered

Placing text underneath a button on an Adaptive Card

(1) Share

Report

Posted on by jibbs

Hi Everyone,

Is there a way to place a textblock underneath a button on an adaptive card? For example, I want to place text under the 'Set due date' button, but it won't let me place it there using drag and drop. Can I modify the JSON to set text underneath?

Categories:

Building flows

I have the same question (0)

All responses (4)

Answers (1)

Sort by

Suggested answer

NsL Coder 475 Moderator on at

Like (3)

Report
Copy link

Link copied!

Yes you can have more after an action button

You cannot do it with the default loaded sample Adapative Card on the Designer page, as that one is a little broken

Was this reply helpful? Yes No
jibbs 84 on at

Like (1)

Report
Copy link

Link copied!

Thank you for the reply @Nsl Coder. Would you be willing to share your JSON of the example screenshot you shared?

Was this reply helpful? Yes No
Verified answer

NsL Coder 475 Moderator on at

Like (2)

Report
Copy link

Link copied!
If you don't have a chatgpt account, create one. While I would not trust chatgpt programming skill 100% and if you are not a programmer to begin with, you may be deceived by chatgpt, but adaptive card is an area where along with using the designer will help you create them faster.

This is the prompt I used for the quick card i created to answer you:

create an adaptive card with a title at the top, a paragraph, 2 input field (first name, last name), a submit button, and a smaller fine print at the bottom

this is the response:

{ "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.3", "body": [ { "type": "TextBlock", "text": "User Information", "weight": "Bolder", "size": "Large" }, { "type": "TextBlock", "text": "Please enter your first and last name.", "wrap": true }, { "type": "Input.Text", "id": "firstName", "placeholder": "First Name" }, { "type": "Input.Text", "id": "lastName", "placeholder": "Last Name" }, { "type": "ActionSet", "actions": [ { "type": "Action.Submit", "title": "Submit" } ] }, { "type": "TextBlock", "text": "By submitting, you agree to our terms and conditions.", "wrap": true, "size": "Small", "isSubtle": true } ] }

Was this reply helpful? Yes No
jibbs 84 on at

Like (1)

Report
Copy link

Link copied!

@NsL Coder, I never thought of using ChatGPT for this. Brilliant, thank you! And thank you for the answer!

Was this reply helpful? Yes No