csharp

page_type	description	products	languages	extensions	contentType	createdDate
sample	Microsoft Teams meeting extensibility sample for iteracting with Details Tab in-meeting	office-teams office office-365	csharp		samples	07-07-2021 13:38:27

Meetings Details Tab

This sample shows creating poll in meeting , where memebers of the meeting can answer poll question and can see the results.

Prerequisites

• .NET Core SDK version 3.1

  # determine dotnet version
  dotnet --version

• ngrok or equivalent tunnelling solution

To try this sample

• Register your app with Microsoft identity platform via the Azure AD portal

  • Your app must be registered in the Azure AD portal to integrate with the Microsoft identity platform and call Microsoft Graph APIs. See Register an application with the Microsoft identity platform.

  • Register a bot with Azure Bot Service, following the instructions here.

• Ensure that you've enabled the Teams Channel

• While registering the bot, use https://<your_ngrok_url>/api/messages as the messaging endpoint.

  NOTE: When you create your bot you will create an App ID and App password - make sure you keep these for later.

• Clone the repository

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

• Build your solution

  • Launch Visual Studio
  • File -> Open -> Project/Solution
  • Navigate to samples/meetings-details-tab/csharp folder
  • Select DetailsTab.csproj file
  • Press F5 to run the project

• Setup ngrok

  ngrok http -host-header=rewrite 3978

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

• Update the manifest.json file with Microsoft-App-ID and BaseUrl value.

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

• Install the App in Teams Meeting

Interacting with the app in Teams Meeting

Interact with Details Tab in Meeting.

1. Install the Details Tab manifest in meeting chat.

2. Add the Details Tab in Meeting

3. Click on Add Agenda

4. Newly added agenda will be added to Tab.

5. Click on Send button in Agenda from Tab.

6. An Adaptive Card will be posted in meeting chat for feedback

7. Participants in meeting can submit their response in adaptive card

8. Response will be recorded and Bot will send an new adaptive card with response.

9. Participants in meeting can view the results from meeting chat or Tab itself.