Skip to content
  • There are no suggestions because the search field is empty.

How to Add and Configure the “Who is Who” Component

Display your people directory with smart filters, templates, and actions

Overview

The Who is Who component allows you to display a dynamic overview of employees, with options to search, filter, and even show Microsoft Teams availability. In this tutorial, you'll learn how to add the component to your page, choose a layout template, and enable useful display settings.

📽️ Watch the interactive demo below to follow each step in Supademo.

 

What You’ll Learn:

  • How to add the Involv Who is Who component to your page

  • How to apply a visual template (e.g., card view)

  • How to enable call-to-action buttons and Teams presence indicators

  • How users can interact with and navigate to user profiles

Add the "Involv Who is Who" on the desired location on your page

How to add a Web Part

 

To view all properties of  Who is who go and view all search component settings

Please note: The video shown may reflect an earlier version of the platform. While the overall process remains similar, some labels, layout elements, or features may look slightly different in the current version of Involv.

 

Step-by-Step Summary

  1. Start by clicking the “+” icon
    This lets you add a new component to your page layout.

  2. (Video Step – Play)

  3. This demo focuses on the “Involv Who is Who” component.

  4. Open the properties panel
    Click the gear or settings icon of the added component.

  5. Open the "Display" dropdown

  6. Select a new layout template

  7. (Video Step – Play)

  8. Choose "Design 2024 – People list with card view" for a modern look.

  9. Click "Apply" to confirm your template selection.

  10. Enable “Show call to action”
    This adds action buttons to each user card.

  11. Click "Apply" to update the view.

  12. You’ll now see actions like “Send email” or “View profile” per person.

  13. Enable “Show Teams status”
    This shows if a person is available, busy, or offline.

  14. Click Apply again.

  15. The Teams presence icon is now visible on each user card.

  16. Use filters to narrow down results
    Filter by department, role, or other metadata.

  17. Use the search bar
    Search any field a user might contain (e.g., name, title, skills).

  18. Clicking on a person opens their detail page
    This gives more information like bio, contact details, and more.

  19. Thanks for following the tutorial!

  20. Enjoyed the guided demo?

1. To start, click on "+".

1

2. Video Step

(Play Now)

2

3. This tutorial is about the "Involv Who is Who"

3

4. Edit properties

4

5. Click on the display dropdown

5

6. Select a new template

6

7. Video Step

(Play Now)

7

8. Afterwards, click on this template "Design 2024 - People list with card view".

8

9. Afterwards, click on "Apply".

9

10. a first setting we will show is the "Show call to action".

10

11. Then, click on "Apply".

11

12. Different actions have been added to every person

12

13. A second setting is the "Show Teams status".

13

14. Click on "Apply".

14

15. This icon has been enabled. It shows if the person is busy/available

15

16. You can filter if you want

16

17. And even search for any information that user might contain

17

18. Clicking on the person as a whole, you will be redirected to the users info page.

18

19. Thanks for following this tutorial!

19

20. Enjoyed the guided demo?

20