Using People Picker in Custom Web Parts

People Picker in web parts:
To get people picker inside web parts, you can use PeopleEditor class which inside Microsoft.Sharepoint.WebControls namespace.

using System;
using System.ComponentModel;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using Microsoft.SharePoint;
using Microsoft.SharePoint.Utilities;
using Microsoft.SharePoint.WebControls;

namespace PeoplePickerWebPart.PeoplePicker
    public class PeoplePicker : WebPart
        private PeopleEditor userSelect;
        protected override void CreateChildControls()
            userSelect = new PeopleEditor();
            userSelect.MultiSelect = true;
            userSelect.AllowEmpty = false;
            userSelect.AutoPostBack = false;
            userSelect.PlaceButtonsUnderEntityEditor = true;
            userSelect.ID = "PeopleEditor";
            userSelect.SelectionSet = "User,SecGroup";
            userSelect.Rows = 1;
            //To apply style to people picker
            LiteralControl styleControl = new LiteralControl();
            styleControl.Text = "<style> .ms-inputuserfield{ font-size:8pt; font-family:Verdana,sans-serif; border:1px solid #a5a5a5;} a{color:#000000;text-decoration: none;font-weight:normal;font-style:normal;}{padding-left:1px;padding-top:2px;} </style>  ";


People Picker in User control based web parts:
For user control based web parts, you can simple use the SharePoint's user control. Here is how:

<%@ Register TagPrefix="spuc" Namespace="Microsoft.SharePoint.WebControls" 
         Assembly="Microsoft.SharePoint, Version=, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

Once registered, you can call it anywhere in the user control

<spuc:PeopleEditor ID="PeopleEditor1" runat="server" Width="329px" 

    Height="65px" AllowEmpty="true" MultiSelect="false" SelectionSet="User" />

People Picker in Custom Web Parts

I've attached both the projects here.
Thanks to


  1. I having a problem while using this inside a WebForm,
    I got a javascript error that says "TypeError: a is null"

    Any ideas ?

    1. Are you using JQuery? Looks like its from JQuery.

  2. I have exported a list with people picker values. But after importing the list the values are empty. i don know y?

    1. Unfortunately, yes this is the default behavior. It does not fix in SharePoint 2010 either. People Picker issues are still alive! But you can paste in multiple names separated by a semicolon, like: #;#;#;

  3. Hi, I have a question, can you tell me how to have one Person from this field to LIST? And in another form I want to get Person from item from this LIST. And I know how exactly...

  4. Hi It is working fine on IE9.
    However on IE 7, when i click on browse button of people picker, it throws a javascript error:

    "An error has occured on the script of the page"
    Type is undefined.

  5. Hi Thanks for the post,
    Can you please tel me how to use people editor in sharepoint sandboxed visual webpart for o365?

    Thanks in advance.

    1. Nope! People editor is not available on Sandboxed solutions!

  6. Hey Mate,
    Do you know how to use people editor as a web part property??



Please Login and comment to get your questions answered!

Powered by Blogger.