Maximize Power Apps with Adaptive Cards & Power Automate Teams
Image Source:
Power Apps
Sep 29, 2023 6:18 PM

Maximize Power Apps with Adaptive Cards & Power Automate Teams

by HubSite 365 about Suparna Banerjee

Cloud Solution Architect at Microsoft UK | Power Platform

Citizen DeveloperPower AppsLearning Selection

Master Adaptive Cards for Power Apps - Learn to rapidly design and post to Teams using Power Automate efficiently.

A Summary of Using "Cards for Power Apps" to Design and Post Adaptive Cards to Teams Through Power Automate

The blog post authored by Suparna Banerjee explains in a step-by-step manner how to design adaptive cards using Microsoft solutions, and how these cards can be posted to Teams using Power Automate. It also covers how to work with operations like 'view' and 'update' against a Dataverse table. For example, the blog states that when a new training is added to a Dataverse table, an adaptive card will be posted on a Teams channel, which allows team members to register for the training directly from the card.

The first step comprises creating Dataverse tables. In the blog's example, two tables are created - a Training Table to store training details and a Training Registration Table to store training registration details. Link to the Microsoft's Dataverse table for more details.

Next, the adaptive card is designed with the card designer feature in Power Apps. This involves creating variables and using provided tools to edit the card's main body. These tools allow the addition of labels and features like clickable buttons. An important feature of these adaptive cards is the option to fetch values directly from the Dataverse tables.

Following this, the blog guides us through creating multiple screens within the card, including inputs for users and a submission button. Again, dataverse tables play a vital role in this process by providing the data to populate card fields. Lastly, a success screen is created for confirmation of user actions.

The tutorial then covers testing and saving the card. This usually involves observing the interactions within the adaptive card and confirming its responses. After these steps, the creation of Flow in Power Automate is covered. This involves formatting the actions and variables in JSON format.

Finally, the blog explains the process of testing the end result. The system should trigger Flow to post the adaptive card on Teams whenever new training is added. Successful registration for training via the adaptive card can be verified by checking the entries in the Dataverse table.

Overall, Banerjee's blog post represents an in-depth and detailed guide on using Microsoft's Cards in Power Apps and posting adaptive cards to Teams through Power Automation. The concept of adaptive cards introduces an exciting new way of communication for Teams, providing users with an actionable and interactive experience.

Read the full article Adaptive Cards for Power Apps -Design rapidly and Post to Teams using Power Automate

Power Apps - Maximize Power Apps with Adaptive Cards & Power Automate Teams

Learn about Adaptive Cards for Power Apps -Design rapidly and Post to Teams using Power Automate

The following piece provides an extensive guide on creating an Adaptive Card using Power Applications, which will then post to Teams using Power Automate. This deep dive into the process will provide you with a comprehensive understanding of each step taken and the purpose behind it.

Essential Microsoft Tools

As a preliminary note, this tutorial focuses on the usage of Microsoft Dataverse - which, as of today, is the only connector supported on Power Apps for creating cards, as well as using Power Applications and Power Automate. Microsoft Teams is integral as a collaborative tool for sharing and implementation of these Adaptive Cards.

Creating Dataverse Tables

This process involves generating both a Training Table and a Training Registration Table to store appropriate details. Adaptive Cards can then be posted to a Teams Channel when a new training is added to the Dataverse Table. Team members can register for the training directly from the card, enhancing accessibility and ease of use.

Designing Cards within Microsoft's Digital Ecosystem

Our tutorial provides a step-by-step guide to creating the card, including designing, adding relevant details from the Dataverse, and incorporating variables and actions. It then provides practical examples, such as using Power Apps to construct tables and adding Variables. These examples help clarify the notions and provide contextual reference to the information provided.

Creating an Intuitive User Interface

The post further delves into the design customization aspect, permitting you to create an easily navigable, visually appealing, and functional interface. A crucial element of this is the use of labels and buttons, which can be added and adjusted accordingly to fit the specific purpose of the Adaptive Card. Additionally, the post provides a walkthrough on formatting, styling, and defining various controls like the Text Property for each label.

Advanced Features and Testing the Card

You are also introduced to advanced functionalities, such as creating a secondary screen for registration purposes. The form input's properties can be defined to fit the purpose, and conditions can be decided for different types of button actions. Moreover, a Power Fx is added to capture and store pertinent data like special requirements and attendee names. Afterward, a success screen is created to signal the card's successful routing. Through the debugger, you can inspect details like JSON and Memory Info. The card can then be saved and tested.

Power Automate Flow & Teams Integration

To help bring about a holistic approach, the tutorial also encapsulates the creation of a Power Automate Flow. Highlighting this part of the process is crucial as it represents the actionable part of the Adaptive Card. Information about how and in what format to present actions and variables is discussed. Furthermore, the posting of the card in Teams channels or group chats is demonstrated.

Data Verification and Tracking

Once the Flow is triggered and the Adaptive Card is posted to Teams, users can interact with the card, and the data will be stored back into Dataverse – thus completing the Adaptive Card lifecycle. The ability to validate these training registration entries is a final step illustrated in the tutorial. This ensures that data is being correctly and safely stored from Adaptive Card entry.

To become proficient in this topic, consider taking courses about Adaptive Cards, Power Apps, Power Automate, and Microsoft Dataverse. These will help you gain the needed skills and knowledge to leverage these powerful Microsoft tools effectively. Embedded in this blog are the steps, complete with images for reference, and practical examples to guide you in your exploration of Adaptive Card creation.

More links on about Adaptive Cards for Power Apps -Design rapidly and Post to Teams using Power Automate

Adaptive cards for Microsoft Teams, Microsoft Flow US ...
An adaptive card is a way to present richly formatted content directly into a teams conversation. Adaptive cards can contain components like images, graphs, ...
Post adaptive card in teams and update the response in List
Post adaptive card in teams and update the response in List · 1) look for items in List that are overdue ( this is built and working fine) · 2) Send adaptive card ...
Adaptive cards using power apps
Hello Community Experts,. I want to post adaptive cards to microsoft teams using power app, the adaptive cards should have radio buttons.


Adaptive Cards Power Apps, Power Automate Teams, Rapid Design Power Apps, Post Teams Power Automate, Adaptive Cards Design, Power Apps Teams, Power Automate Adaptive Cards, Rapid Application Power Automate, Power Apps Design Teams, Teams Power Apps Adaptive Cards