PeoplePicker and JQuery

Question

I have a custom page I am developing. I want to mimic the SharePoint peoplepicker on an HTML5/JQuery page. How would I go about that? Is there a way to export the site's users to XML and build the picker that way? Or is there a more straight-forward way?

Answer 1

Hi @MLEONKC ,

Based on my research and testing, you can follow the script below to build the People Picker:

$(document).ready(function() {    
    initializePeoplePicker("_UserName");    
});    
function initializePeoplePicker(peoplePickerElementId) {    
    var schema = {};    
    schema['PrincipalAccountType'] = 'User,DL,SecGroup,SPGroup';    
    schema['SearchPrincipalSource'] = 15;    
    schema['ResolvePrincipalSource'] = 15;    
    schema['AllowMultipleValues'] = false;    
    schema['MaximumEntitySuggestions'] = 50;    
    schema['Width'] = '280px';    
    this.SPClientPeoplePicker_InitStandaloneControlWrapper(peoplePickerElementId, null, schema);    
}    

My test code and result:

---

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

---

Answer 2

Thanks - I get about 4 errors:

• Strings is not defined in clienttemplates.js
• ExecuteOrDelayUntilScriptLoaded is not defined in clientforms.jsp
• jQuery.deferred exception: EnsureScript is not defined in jquery.min.js
• Same error at the SPClientPeoplePicker line...