#PowerApps #PeoplePicker

Are you tired of using the same old worn out combo boxes and dropdowns for your people picker needs in Power Apps? While using a dropdown or combo box is a functional way to get a people picker control in Power Apps, it is very rigid in what we can actually do to style it.

In this video, I will walk you through the steps to create your own custom people picker control in Power Apps that mimics the look and feel of a Microsoft Teams people picker. This approach uses the Office 365 Users connector to search users from your tenant. It is completely customizable with a ton of freedom and options for styling the control. I’ll walk you through the basics of how to set it up and talk you through some of the styling choices I made to make it look pretty.

🔗 Sample app with People Picker Code: https://github.com/aprildunnam/PowerApps/blob/master/Issue%20Tracker.msapp
🔗 Connect to O365 Users from Power Apps: https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/connections/connection-office365-users

💠 Power Apps Makeover: Basic to Beautiful Ignite Session: https://youtu.be/UuIwB8YYKao
💠 Creating a Branding Screen and Custom Template in Power Apps: https://youtu.be/uAQa-Zg3yGk
💠 Power Apps Components Intro: https://youtu.be/MQGqHwZdUes

Table of Contents:

00:00 – Intro
01:06 – Demo of the custom people picker
04:32 – Connecting to Office 365 Users
04:58 – Building out the controls
07:07 – Displaying Users in a Gallery
07:20 – Marker
09:23 – Getting the users profile image
11:50 – Getting selected user
12:52 – Clearing selected person
13:56 – Launching the people picker
14:40 – Sending selected person to the control
16:54 – Resetting the control
18:59 – Styling the control
23:21 – Wrap up

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.