The Faces tool lets you add a personalised touch to your content by profiling people involved in your project. It can be used in a variety of ways including:

  • communicating ‘who is listening’ and responding to feedback
  • profiling members of a judging panel, working group, citizen jury, etc.
  • creating ‘Vox pop’ style features to highlight participant comments and views.

The Faces tool can be used to profile a single person or a group of people, and can be used in either a Sidebar Content Area or a Main Content Area. For each person added, a ‘profile card’ will be created, and multiple people will be displayed as a grid of ‘profile cards’

🖼️ Examples

Here's some examples of how you can configure the Faces tool:

Anika

Anika

Coolberg Resident

"The main issue for me is needing to feel safe after dark by myself."

Coolberg Worker

Steven

Coolberg Resident

"As a commuter, having reliable public transport is key"

Coolberg resident

Sarah

Coolberg Resident

"Having spaces that I can go with the family is important for me"

Faces tool contact card

The Faces tool as it appears in a sidebar

There are a number of properties that help customise its look and feel to match your brand and content.

⚙️Settings

Settings you can configure in the Faces tool:

Basic

  • People - adds a new profile card to display in the Block which is comprised of the following attributes:
    • Name - the name of the profiled user.
    • Profile Image - an image of the person’s ‘face’ to be displayed (minimum 600 x 600 pixels for square, 600 x 420 pixels for rectangle).
    • Alternative Description - alt text to be used with the Profile Image.
    • Position/Organisation - a title or organisation the person belongs to (optional).
    • Description - additional information about the person (limit 150 characters).

Display

  • User Avatar - sets whether the profile image will be displayed on the profile cards. This setting is on by default.
  • Block Style - determines the style and shape the User Avatar will appear on the profile card. Options include rectangle, circle, square, and padded square.
  • Display Border - sets whether a border will be shown around the profile card. This setting is ‘off’ by default.
  • Corner Styles - determines whether corners of the feature card’s user avatar and border will have square or rounded corners. By default, feature cards will have rounded corners.
  • Columns - sets the number of columns in the grid that displays the feature cards for large devices (e.g. desktop). On smaller devices, the number of columns will be automatically adjusted to fit the size of the screen.

Advanced

  • Block Title - sets an optional title for the Block (e.g. ‘Who’s listening’, ‘Meet the Panel’, ‘What people are saying’, etc.)
  • Block Description - sets an optional description for the Block that will appear below the Block Title.

🎯 Key Actions

Key actions you can perform in the Faces tool:

  1. Under the Basic tab, select Add a Person.
  2. The People screen will appear.
  3. Add a name, profile image, alternative description, position/organisation and/or description as appropriate.
  4. Once complete, select the blue Save button.
  5. You can edit a person any time by selecting the edit (pencil) icon associated with a person under the Basic tab. This will reopen the People screen.
  1. Under the Basic tab, locate the person you wish to reorder.
  2. Use the blue up/down arrows to reposition a person within the list.
  3. Once complete, select the blue Save button.