Employee Directory

This Employee Directory WebPart displays all your Employees as a Directory list with predefined filters from the user profile store

Using the UserProfileStore to build an Employee Directory list with filter options.


WebPart Properties
Property NameDescription
FieldTemplate Define Fields to display and if necessary, rename the Title column with a pipe “|” a “!” will exclude the field from displaying, but makes the value available to filter.
Example: id;Title|Object;
Specials: fieldname=filter, sets the field to be a clickable filter to send to other Webparts.
=photo, users the Url field to display the User Photo
=userdetails, sets the current column to have a details dialog function to show more details.
using search enable disable (search reduce API calls, but not all fields are available by default)
A-Z Fieldname enter a title (altered) column name to link the A-Z Filter to
Filter fields define searchboxes to filter columns.
Example: FieldName1;@FieldName2 this will create a normal text input box for list column FieldName1 and a dropdown box for list column name FieldName2.
Show search box enable / disable search box
Alternate row color set an alternate row color
Picture source Outlook, userphotos (default)
enable Export to Excel enable disable
Options -
User Details
FieldTemplate Use HTML and CSS to create a userDetail FieldTemplate. Use curly brackets surrounding user profile properties, to show it's values.
Example: {FirstName}
Table CSS
Header CSS Style the table header row with CSS
Header Column CSS Style the table header column with CSS
Filter fields CSS Style the filter fields section with CSS
A-Z Container CSS Style the A-Z Container with CSS
A-Z Items CSS Style the A-Z Items with CSS
A-Z Items (Active) CSS Style the active A-Z Items with CSS
A-Z Items (available letters) CSSStyle the available A-Z Items with CSS Filter fields CSS
Style the filter fields section with CSS Buttons CSS
Style the buttons (Export, Clear Filters) with CSS Custom CSS
Style the Table with CSS
Default order by column Nbr. Select the order by column as a number from the FieldTemplate (starts with 0) or enter the column title (altered) name
Sort direction Ascending / Descending
Birthday date Format Format the Date as needed with moments.js
Hiredate date Format Format the Date as needed with moments.js
Image Width (px) set the photo image with
Default page length to set the default item count each page.
Refinement filtering Set the search query refinement filter.
Exclusion filter Highly flexible Filter to exclude list items from view.
Cache retention Time (Minutes) Set the Cache duration in Minutes. Set it to “0” to disable the Cache.
License Key Please enter your Paypal "Profile ID" or "Automatic payment ID" to unlock your WebPart. (Format: I-1A11SSBB2241)

Get a license

We offer different kinds of license

  • a PayPal subscription
  • a conservative invoice for a defined time period

  • Office 365


    Select your seats count (All active accounts having access to your tenant)
    If your seats count is over 2499, please request an Offer!

    SharePoint URL*
    Request an Offer

    Post a comment

    peter behler
    05/31/2019 19:38
    How do you display an email address and not the icon. I tried an old hack of WorkEmail/plain but doesn't seem to work.
    05/31/2019 19:54
    Hello Peter,

    within the WebPart property Field Tempalte, the WorkEmail field is by default set as: WorkEmail=mailiconto|Work e-mail
    To only display the e-mail as text, use the following property field string: WorkEmail=text|Work e-mail
    And to have a mailto link included, use the following setting: WorkEmail=mailto|Work e-mail
    Marty Trionfo
    03/06/2020 19:06
    Hi. Are there instructions available for the Exclusions syntax? I am familiar with the on-prem version (SP2010) so would like to use something like "Lastname NOT IN ('Temp', 'Test', 'Intern', etc.)" without having to list complete usernames or email addresses.
    Thank you.

    03/09/2020 10:59

    we have attached a small documentation about the exclusion filter: Document
    Marty Trionfo
    03/09/2020 19:06
    Raphael - That doc is a great help and thank you for the quick response!
    03/30/2020 16:06
    If I don't want any information to show, until the user selects an option, either a letter or a department, can this be done?
    04/01/2020 13:28

    this feature is currently not implemented.
    We have set a note for the next release.
    04/03/2020 14:04
    Raphael, is there a timeline for the next release?