Custom Azure Add-in People picker control

Azure addin people picker customize

Here we will discuss how we can customize Microsoft Azure Add-in people picker control. We need to ensure below three things to have people picker control in the app.

1. Add div tag and define the properties as per below screenshot in default.aspx under pages folder.

Azure people picker
Azure people picker

2. Ensure office.controls.peoplePicker.js file is added under scripts folder.

Azure addin people picker
Azure addin people picker

3. Now open appmanifest.xml file from the solution. Go to Permission Requests section and select scope as “user profiles” and select permission as “Read” as per below screenshot.

Azure addin people picker customize
Azure addin people picker customize

Hope this will be helpful.

Check out Best Alternative to InfoPath -> Try Now

You May Also like the Following SharePoint Online Tutorials:

About Sambita Rath

I have 9 years of exprience into SharePoint implementation, architecture, Administrator, development and Training.Designing Information Architecture in SharePoint 2007, 2010,2013 and Office 365.

View all posts by Sambita Rath →