Building Microsoft Teams tabs with Adaptive Cards
Mar 20, 2023 10:30 AM

Building Microsoft Teams tabs with Adaptive Cards

External YouTube Channel

In this 17-minute developer-focused demo, Ramin Ahmadi’s solution calls the Microsoft Search API to search resources. Build tabs using ready-made UI building bl

Building Microsoft Teams tabs with Adaptive Cards is a way to extend the functionality of Microsoft Teams by creating custom experiences through the use of Adaptive Cards. Adaptive Cards are a type of interactive card that can be used to present information and receive user input. With them, developers can create interactive tabs that allow users to interact with custom features directly from within their Teams workspace.

Using Adaptive Cards, developers can create tabbed experiences in Microsoft Teams that allow users to view and interact with a variety of content, including surveys, forms, and other custom experiences. In addition, developers can use Adaptive Cards to create experiences that are tailored to the context of the user, such as displaying personalized content or offering intelligent recommendations.

Adaptive Cards can also be used to create experiences that are consistent across multiple platforms, including web, mobile, and desktop. This makes it easier for developers to create experiences that look and feel the same regardless of where they are accessed.

In this 17-minute developer-focused demo, Ramin Ahmadi’s solution calls the Microsoft Search API to search resources. Build tabs using ready-made UI building blocks for native UI on Desktop/Web/Mobile. Use Bot for back-end and Adaptive Cards for front-end. Reviews prerequisites like bot development/registration and SSO configuration if login is required. Also covers technology limitations. Step through configurations for app manifest, SSO, App Registration, task modules, use of adaptive card Designer, and more. Tabs with Adaptive Cards are only supported as personal apps.

Demo Presenter

  • Ramin Ahmadi (Content+Cloud) | @raminahmadi1986

Community Call Conversation

Supporting materials

  • Samples – teams-dev-samples

[https://github.com/pnp/teams-dev-samples/tree/main/samples]

  • Documentation - Build tabs with Adaptive Cards |

[https://learn.microsoft.com/microsoftteams/platform/tabs/how-to/build-adaptive-card-tabs]

  • Documentation – Configure SSO for your bot |

[https://learn.microsoft.com/microsoftteams/platform/sbs-bots-with-sso?tutorial-step=3]

  • Documentation – Overview of the Microsoft Search API in Microsoft Graph |

[https://learn.microsoft.com/graph/search-concept-overview]

  • Tool – Adaptive Cards Designer

[https://www.adaptivecards.io/designer/]