#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.
LINKS
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
OTHER VIDEOS YOU MAY LIKE:
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
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.