Loading

ClientSide People Picker in SharePoint 2013

ClientSide People Picker in SharePoint 2013

Vipin Tyagi

Vipin Tyagi

10y6.7k

Hello,

I have a requirement to implement client side people picker using JSOM(jquery/Javascript/RestApi)

in my content editor webpart.

I want to get all users automated in a textbox that treat like a people picker.

I searched a lot but still i did not get a solution.

Please help me out.

Please

8 Replies

Know the answer? Post it — somebody with the same question will find it here.

Piyush Agarwal8y ago
http://www.c-sharpcorner.com/blogs/client-side-people-picker-in-sharepoint-2013

This really works. Thanks Naveen
0
Naveen Kumar9y ago
http://www.c-sharpcorner.com/blogs/client-side-people-picker-in-sharepoint-2013
+1
Rajkiran Swain9y ago
http://blog.binaryrepublik.com/2016/07/client-side-people-picker-with-jsom-in.html#.WgLiEmiCyUk

https://sharepoint.stackexchange.com/questions/129947/how-to-set-the-people-picker-field-using-jquery-in-sharepoint-2013-to-current-us
+1
Rajkiran Swain9y ago
1. HTML:
3. class="form-group">
4. "Name">Employee Nameclass="error-msg">*
6. "txtName">

JS:

"text/javascript" src="/_layouts/15/sp.core.js">

"text/javascript" src="/_layouts/15/clienttemplates.js">

"text/javascript" src="/_layouts/15/clientforms.js">

"text/javascript" src="/_layouts/15/clientpeoplepicker.js">

"text/javascript" src="/_layouts/15/autofill.js">

"text/javascript" src="/_layouts/15/1033/sts_strings.js">

"text/javascript">

$(document).ready(function() {

initializePeoplePicker('txtName');

});

function initializePeoplePicker(peoplePickerElementId, Users) {

if (typeof(Users) == 'undefined') Users = null;

// Create a schema to store picker properties, and set the properties.

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, Users, schema);

}

Please try this.

+1

Madhan Thurai

Madhan Thurai9y ago

Plz follow the links

http://www.c-sharpcorner.com/Blogs/sharepoint-people-picker2

http://www.c-sharpcorner.com/blogs/storing-multiple-sharepoint-people-picker-values-in-the-sharepoint-list

+2

Samir Khimani10y ago

Please follow below link
http://www.c-sharpcorner.com/code/3139/client-side-people-picker-using-jsom.aspx

+1

Kaviya Balasubramanian

Kaviya Balasubramanian10y ago

Hi Viipiin,

Have u achieved the client people picker, If not let me know I will share the client side code.

+1

Prasham Sabadra

Prasham Sabadra10y ago

Hi Vipin,

Please have a look at following links once,

http://ranaictiu-technicalblog.blogspot.com/2014/11/sharepoint-2013-client-side-people.html

https://msdn.microsoft.com/en-us/library/office/jj713593.aspx

https://code.msdn.microsoft.com/office/SharePoint-2013-Add-the-900e0742

Please let me know in case if any issue faces.

+1