This project is read-only.


  • Update SharePoint 2013 search input box to search people with the presence
  • Redirect to Profile page on selection [optional]
  • Show user picture with presence [optional]
  • Show search suggestions


  • SharePoint 2013
  • jQuery 1.8.x +
  • jQuery UI JS 1.10.x
  • jQuery UI CSS 1.10.x

Solution Deployment

add-spsolution -LiteralPath "SOLUTION_LOCATION\Arya.SearchUser.wsp"
  • Activate "SearchUserFeature" for particular WebApplication from Central Admin

Manual Installation

<script src="" type="text/javascript"></script>
<script src="" type="text/javascript"></script>
<script src="/SiteAssets/jquery.searchpeople.js" type="text/javascript"></script>
<script src="/SiteAssets/imgPreload.js" type="text/javascript"></script>
<link href="" type="text/css"/>
<link href="/SiteAssets/arya.searchpeople.css" type="text/css"/>
  • Add following javascript
$(document).ready(function () {
    setTimeout(addSearchBox, 1500);

function addSearchBox() {
    var settings = {
        mySiteUrl: "http://PROFILE_URL",
        redirectToProfilePage: true,
        maxSuggetions: 10,
        showpicture: false,
        showInitials: true,
        principleType: 1,
        showSearchSuggetions: true


mySiteUrl :

My site url. User will redirect to profile page url. default: ""
e.g. http://PROFILEURL/person.aspx?accountname=NETWORID

redirectToProfilePage :

If true then user will be redirected to profile page url on selection. default: false

maxSuggetions :

Maximum suggestions to display. default: 10


Show user picture. default: true


Show Gmail like text avatar in case user profile image in not available. default: false


Show search suggestions. default: true
Note - Only works when Search suggestions are enable. Please see documentation to enable the search suggestions.


Principal type to search. default: 1
  • 0 - User, DL, SecGroup, SPGroup
  • 1 - User
  • 2 - DL
  • 4 - SecGroup
  • 8 - SPGroup

Search without picture

Search with picture

Contact card

jQuery PeoplePicker also uses imgPreload plugin to show spinner before loading the user picture.

Last edited Oct 17, 2014 at 11:58 PM by Hemant_Mane, version 5