Team Profiles: Members List

Before getting started learn the basics:

Layout Views

The widget component template

Learn how to do it:

Member

Member name only

Member name position

Customizations

Customize with CSS Classes.

Learn how to do it:

Columns

2 Columns: list-col-md-6

4 Columns + Masonry: list-col-md-3 + list-masonry

Title Styles

Examples below also use img-top

Small: item-title-small

Medium: item-title-medium

Large: item-title-large

Make Heading Tag: title-tag-h5 

Left align title: title-left

Right align title: title-right

Image Options

Image Top: img-top

Float Image Right: img-right

Circle Image: img-circle

Hide Image: img-hide

large Image: img-large (default)

Medium Image: img-medium

Small Image: img-small

Extra Small Image: img-xsmall

Content Dividers

These classes should only be used with the MemberMember name only, and Member name position layouts.

Divider: item-divider

Card: item-card

Content Options

Some examples below also use img-hide

Position / title fields

Align Position Left: position-left (default)
Align Position Center: position-center
Align Position Right: position-right
Show Position / Title fields : add-info-show
Everett Hane, MD
Division Chief
The University of Texas Medical Branch
Internal Medicine
General Medicine
Phone: (409) 555-5555
Mobile: (409) 555-1234
Hide Entity : add-info-show add-info-entity-hide
Hide Department: add-info-show add-info-dept-hide
Everett Hane, MD
Division Chief
The University of Texas Medical Branch
General Medicine
Phone: (409) 555-5555
Mobile: (409) 555-1234
Hide Division: add-info-show add-info-div-hide
Everett Hane, MD
Division Chief
The University of Texas Medical Branch
Internal Medicine
Phone: (409) 555-5555
Mobile: (409) 555-1234

Contacts fields

Hide Contacts: contacts-hide
Contacts Inline: contacts-inline
Align Contacts Left: contacts-left (default)
Align Contacts Center: contacts-center
Align Contacts Right: contacts-right

Categories and Tags

Display Categories: cats-show
Display Tags: tags-show
Display Categories on Top: cats-show cats-top
Display Categories on Bottom: cats-show cats-bottom

Hide Profile Page

Hide Profile Page Link: no-profile To apply this only to individual team members, add the class to the CSS for List Items field of each team member

Training

Create and Edit Team Members

Add Team Members to a Page

Team Members page (list view)

Profile Page (detail view)

Explore Other Team Profile Options: