Skip to main content

Notifications

Community site session details
Power Automate - Building Flows
Answered

Placing text underneath a button on an Adaptive Card

Like (1) ShareShare
ReportReport
Posted on 26 Jul 2024 20:34:14 by 82
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?
  • jibbs Profile Picture
    82 on 29 Jul 2024 at 20:46:52
    Placing text underneath a button on an Adaptive Card
    @NsL Coder, I never thought of using ChatGPT for this. Brilliant, thank you! And thank you for the answer!
  • Verified answer
    NsL Coder Profile Picture
    469 Super User 2025 Season 1 on 29 Jul 2024 at 02:00:33
    Placing text underneath a button on an Adaptive Card
    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
        }
      ]
    }
     
  • jibbs Profile Picture
    82 on 28 Jul 2024 at 20:00:48
    Placing text underneath a button on an Adaptive Card
    Thank you for the reply @Nsl Coder. Would you be willing to share your JSON of the example screenshot you shared?
  • Suggested answer
    NsL Coder Profile Picture
    469 Super User 2025 Season 1 on 27 Jul 2024 at 04:44:30
    Placing text underneath a button on an Adaptive Card
    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

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Understanding Microsoft Agents - Introductory Session

Confused about how agents work across the Microsoft ecosystem? Register today!

Warren Belz – Community Spotlight

We are honored to recognize Warren Belz as our May 2025 Community…

Congratulations to the April Top 10 Community Stars!

Thanks for all your good work in the Community!

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 146,743 Most Valuable Professional

#2
RandyHayes Profile Picture

RandyHayes 76,287 Super User 2024 Season 1

#3
Pstork1 Profile Picture

Pstork1 66,079 Most Valuable Professional

Leaderboard
Loading started
Loading started