Display Style

Select Edit Web Part from the PeopleZen Web Part menu and in the settings tool-pane, you will find the Display Style section right at the top:

Display Style

PeopleZen provides two basic view styles, Tiles View and List View:

• Tiles View — a Rolodex-like view where user profiles are arranged as individual badges from left to right.
  • For a clear tabular layout of tiles, specify the number of user profiles per row in the In rows of text box. To have as many user profiles as possible per row, with each row filling the entire Web Part zone and expanding to the maximum available width before wrapping forces further profiles to be shown in a new row, enter 0.
  • You can (and should) specify a width that is used per tile. Specifying too small a value may wrap user profile field values that are too long in multiple lines. When specifying a width, you can use any CSS-compatible unit value, for example 100px, 5cm or 20%.
  • To pre-define a custom sort order, see the Sorting section.
• List View — resembles the default layout and visual design of most out-of-box, standard SharePoint Lists, with column headers and group headers sharing the same CSS style rules also applied to built-in List View Web Parts. Each user profile is represented as a single data record row.
  • To allow end-users to interactively re-sort the list on-the-fly, tick the Allow interactive ad-hoc sorting check-box option.
  • To pre-define a custom sort order, see the Sorting section.

Further Appearance and Design Customizations

• You can customize the following visual artifacts through the Miscellaneous section: the height of user profile pictures being used, the loading animation shown during AJAX data refreshes, whether and how names and pictures are displayed and/or linked, and whether an OCS/IM online presence indicator should be displayed next to user names.
• Theming: PeopleZen can be fully themed just the same way your SharePoint site designs can be completely remodeled, using Cascading Stylesheets (CSS).
• How many user profiles are shown, in what order and arrangement, are all affected by your filtering, paging, sorting and grouping settings.
• Some aspects of PeopleZen's graphical end-user interface (GUI) are affected by farm-wide or Site Collection-specific configuration settings, such as:
  • Window target: to have user profile links target a new (popup) window or a frame or IFRAME on your page.
  • Control how email addresses are displayed and/or linked by providing a customized HTML template — by default, List View just shows an envelope graphical icon while Tiles View shows the full email address.
  • Control how other user profile fields are displayed when they have and don't have a value set by providing a customized HTML template (this can also simplify CSS-based theming)
  • If you'd like to combine multi-valued fields (collections of values such as Skills, Responsibilities, Past Projects etc.) with a delimiter other than the default comma, you can specify it.
  • Optionally fully exclude empty user profile fields in Tiles View (instead of showing for example "Department: —" or "Department: (unknown)")