csharp

page_type	description	products	languages	extensions	contentType	createdDate
sample	Demonstrating the feature of people picker on Adaptive Cards.	office-teams office office-365	C#		samples	25-01-2022 23:30:17

People picker control in Adaptive Cards

This sample shows the feature of people picker on Adaptive Cards.

Use the bot command peoplepickercard to get the card with people picker control

• Personal scope (get all the users of organisation)

• Team or groupchat scope (get user list to current context)

On Assign button click, the bot will return the member id that we have selected.

Prerequisites

• .NET Core SDK version 3.1

  determine dotnet version

  dotnet --version

• Ngrok (For local environment testing) Latest (any other tunneling software can also be used)

  run ngrok locally

  ngrok http -host-header=localhost 3978

• Teams Microsoft Teams is installed and you have an account

To try this sample

1. Setup for Bot

In Azure portal, create a Azure Bot resource.

• Ensure that you've enabled the Teams Channel

2. Run your bot sample

1. Clone the repository

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

2. Open the code in Visual Studio

   • File -> Open -> Project/Solution
   • Navigate to folder where repository is cloned then samples/bot-people-picker-adaptive-card/csharp/PeoplePicker.sln

3. Run ngrok - point to port 3978

   # ngrok http -host-header=rewrite 3978

4. Setup and run the bot from Visual Studio: Modify the appsettings.json and fill in the following details:

   • MicrosoftAppId - Generated from Step 1 (Application (client) ID)is the application app id
   • MicrosoftAppPassword - Generated from Step 1, also referred to as Client secret
   • Press F5 to run the project

5. Modify the manifest.json in the /AppPackage folder and replace the following details:

   • {{Microsoft-App-Id}} with Application id generated from Step 3

6. Zip the contents of AppPackage folder into a manifest.zip, and use the manifest.zip to deploy in app store or add to Teams using step

7. Upload the manifest.zip to Teams (in the Apps view click "Upload a custom app")

   • Go to Microsoft Teams and then go to side panel, select Apps
   • Choose Upload a custom App
   • Go to your project directory, the ./AppPackage folder, select the zip folder, and choose Open.
   • Select Add in the pop-up dialog box. Your app is uploaded to Teams.

Further reading

• Bot Framework Documentation
• Bot Basics
• Send Notification to User in Chat
• Send Notification to User in Team
• Send Notification to User