Building Tab Experiences for Microsoft Teams

Purchase a Subscription!

Watch the first few minutes on us! If you'd like to watch the entire video and hundreds more like it, download code samples, access offline videos and skills assessments, and use the discussion forums, log in or purchase a subscription.


Instructor

Scott Peterson

Description

Tabs are Teams-aware web pages embedded in Microsoft Teams. They can be added as part of a channel, a group chat inside a team, or as a personal app for an individual user. You can add custom tabs to embed your own web content in Teams. Learn how to design and implement tab experiences using fluent UI components and how to customize Teams with rich tab experiences.

Table of Contents

00:00:00 Introduction
00:00:49 Microsoft Teams Development
00:01:22 Agenda
00:02:31 Teams Development Concepts
00:03:39 The Teams Tab Experience
00:04:14 Scopes Revisited
00:05:35 Contexts Revisited
00:07:01 Provisioning a Teams Tab Experience (Demo)
00:16:27 Fluent UI Components
00:17:12 Teams + Blazor + Fluent
00:18:22 The Fluent "Skeleton"
00:19:25 Working with Fluent Controls (Demo)
00:39:45 Tab Configuration Settings
00:41:05 Tab Removal Settings
00:42:25 Applying Configuration and Removal (Demo)
00:50:06 Next Steps

Related Links

  • Code Samples (requires a paid subscription)

Series

This course is part of the following series: