csharp

ContentBubbleSample

This sample illustrates how to implement Content Bubble In-Meeting Experience.

Prerequisites

• Microsoft Teams is installed and you have an account
• .NET Core SDK version 3.1
• ngrok or equivalent tunnelling solution

1. Clone the repository

   git clone https://github.com/OfficeDev/Microsoft-Teams-Samples.git

2. If you are using Visual Studio

• Launch Visual Studio
• File -> Open -> Project/Solution
• Navigate to samples\meetings-content-bubble\csharp folder
• Select ContentBubbleBot.sln file

1. Run ngrok - point to port 3978

   ngrok http -host-header=rewrite 3978

2. Create a new Bot by following steps mentioned in Build a bot documentation.

3. Go to appsettings.json and add MicrosoftAppId, MicrosoftAppPassword and BaseUrl information.

4. Run your app, either from Visual Studio with F5 or using dotnet run in the appropriate folder.

5. Update the manifest.json file with MICROSOFT-APP-ID value.

6. Install the App in Teams Meeting

Interacting with the app in Teams Meeting

Message the Bot by @ mentioning to interact with the content bubble.

1. You will see agenda items listed in an Adaptive Card.
2. Select any option and click on Push Agenda button
3. You can submit your feedback on either Content Bubble/Adaptive card sent in chat.