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.


New to Office 365 SharePoint Online? Get Office 365 Enterprise E3 Subscription & Try out all the features

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

FREE SHAREPOINT 2019 PDF

(Installation & Features)



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 →