Tools
SharePoint Online, Vitextra Employee Directory
  1. Add the Employee Directory Web Part

    Add the Employee Directory Web Part

    Navigate to the SharePoint page where you want to add Employee Directory. Click Edit in the top-right corner of the page, then click the + icon to add a new web part. In the search box, type "Employee Directory" and select the Employee Directory web part from the list.

    📝 Note
    The Employee Directory web part can use either SharePoint User Profiles or Entra ID as its data source. The other option, Employee Directory (Entra ID), only supports Entra ID, but offers more features for filtering and displaying data — pick whichever web part matches the data source you plan to use before you invest time in configuration.

  2. Configure the Web Part

    Configure the Web Part

    Click the edit properties icon to open the configuration panel and customize the settings to fit your needs.

  3. Configure Columns

    Configure Columns

    Add, remove, or reorder columns to display the information that matters most to your organization — typically name, job title, department, and contact information, but any indexed profile property can be added. Mark columns as searchable, and change the caption of each column to something your users will recognize.

    💡 Tip
    Need a column that does not exist as a profile property yet? See the companion guide, How To Create a Custom Searchable User Profile Property, to add one before configuring columns here.

  4. Customize the Layout

    Customize the Layout

    Choose between two layout options: Details and Cards. The Details layout presents search results in a tabular format, letting users reorder columns from the app settings — ideal for a detailed, organized view of employee records. The Cards layout presents results using the native SharePoint control, in an aesthetically pleasing card format — a good fit for users who prefer a more graphical, simplified interface.

  5. Configure Filters

    Configure Filters

    Use the Query Builder to create complex filters and define specific criteria that narrow down the search results — for example, by department, job title, or location, or by combining several conditions together.

  6. Set Up the Refinement Panel

    Set Up the Refinement Panel

    Configure the refinement panel to include the refiners you want — department, job title, location, and others. The panel lets end users dynamically filter search results themselves, by selecting the criteria they care about, without needing to know how the Query Builder works.

  7. Add the Web Part to a Full-Width Section

    Add the Web Part to a Full-Width Section

    Move the web part from a general section to a full-width section. Drag and drop the Employee Directory web part into the full-width section to give it more room and improve the visual appeal and usability of the directory, especially on wide screens.

  8. Explore Additional Features

    Explore Additional Features

    The Vitextra Employee Directory solution includes three web parts: Employee Directory, Employee Directory (Entra ID), and New Employees. Each serves a distinct purpose and can be configured to fit your organization's specific needs.

Share