PeopleZen 1.4
PeopleZen — the User Profiles Web Part for SharePoint
Top
User Voices
(Loading...)
« Reference: URL Settings Parameters | Release Notes »
Sunday
01Mar2009

Reference: CSS Classes

Print ArticlePrint Article | |

The output produced by the PeopleZen User Profiles Web Part is decorated with the CSS class names detailed below, allowing for full customizability of its visual appearance. These elements are pre-styled in /_layouts/roxority_PeopleZen/roxority_PeopleZen.css.

To customize the appearance of the PeopleZen User Profiles Web Part, do not modify the /_layouts/roxority_PeopleZen/roxority_PeopleZen.css file in your SharePoint server file system: your modifications would get lost when deploying product updates in the future. Instead, place your modifications in a separate CSS file and embed it in your Web Part Page, Master Page or Page Layout.

See our blog article Introduction to PeopleZen CSS Customizations for an example of how to do so.
  • div.rox-userprofiles — the entire surrounding area of the PeopleZen User Profiles Web Part output
    • div.rox-userprofile-paging — contains paging information as well as the Next and/or Previous links
    • div.rox-userprofile — the surrounding area of a user profile listing
      • div.rox-userprofile-picture — contains the user profile picture, linked to the user profile
      • div.rox-userprofile-fullname — contains the user name, linked to the user profile
      • div.rox-userprofile-item, div.rox-userprofile-property-name — contains a user profile property.