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

  • a PayPal payment / Credit cards
  • a conservative invoice for a defined time period

  • OnPremise


    License duration

    *AppCatalog URL
    Request an Offer

    Post a comment