How To: Display profile photos in search results

Applies To: 

GroupID 8, 9, and 10 - Self-Service

Business Scenario:

You want to view user photos in search results.

Explanation:

In GroupID Self-Service, you can display user and contact photos for different search views, such as:

• Advanced search and Quick search
• Members grid on the Members tab in group properties
• Find dialog

Steps:

The first step is to create a custom display type for Image; follow steps 1-5 in the KB article, Allow users to upload profile photos in the Self-Service portal to do so. Once the display type is created, follow the steps below to display user/contact photos in searches.

Use Case: View Profile Photo in Advanced Search and Quick Search:

To view user/contact photos in search results for advanced search and quick search, follow these steps.

1. In GroupID Management Console, select Self-Service > Portals > [Required portal] > Designs > [Required identity store].
2. On the Search Forms tab, select Default in the Name list and click Edit.
3. In the Search Results area, click Add.

   

4. From the Field drop-down list, select thumbnailPhoto and provide a suitable label for it in the Display Name box. The field would have this label in the Self-Service portal.
5. In GroupID 8 - from the Display type drop-down list, select Photo. Remember this is the custom display type we created in steps 1-5 in the KB article, Allow users to upload profile photos in the Self-Service portal.
   In GroupID 10, select Text as the display type.

   GroupID 8:
   
   
   
   GroupID 10:
   
   

6. Click OK to close the dialog boxes.
7. Save these settings.
   Now the Search Results page in the Self-Service portal will appear as follows:

GroupID 8:

GroupID 10:

Use Case: View Profile Photo in Members Grid:

To view user/contact photos in the Members grid, follow these steps.

1. In GroupID Management Console, select Self-Service > Portals > [Required portal] > Designs > [Required identity store].
2. On the Custom Display Types tab, double-click membersgrid. The Grid Display Type dialog box is displayed.

   

3. Click Add.
4. From the Field drop-down list, select thumbnailPhoto and provide a suitable label for it in the Display Name box. The field would have this label in the Self-Service portal.

   

5. Click OK to close the dialog boxes.
6. Save these settings.
   Now in the Members grid on the Members tab in group properties, users/contacts will be displayed with their photos. It is as follows:

GroupID 8:

GroupID 10:

Use Case: View Profile Photo in Find Dialog:

To view user/contact photos on the Find dialog box, follow these steps.

1. In GroupID Management Console, select Self-Service > Portals > [Required portal] > Designs > [Required identity store].
2. On the Search Forms tab, select FindDialog in the Name list and click Edit.
3. In the Search Results area, click Add.

   

4. From the Field drop-down list, select thumbnailPhoto and provide a suitable label for it in the Display Name box. The field would have this label in the Self-Service portal.
5. From the Display type drop-down list, select Photo. Remember this is the custom display type we created in steps 1-5 in the KB article, Allow users to upload profile photos in the Self-Service portal.

GroupID 8:



GroupID 10:

Now the search results displayed on the Find dialog box in the Self-Service portal will appear as follows:

GroupID 8:

GroupID 10:

References:

• GroupID Online Help: Display Type Categories 
• GroupID Online Help: Customizing search forms