Umbraco Backoffice Documentation

Profile Cards

List of profile cards used to display a profile for the chat moderators or users. Profile card is a clickable element which has an image and a title. Once clicked it opens up a UI modal box which has an image, title and a description about the chat moderator or user.

Content

Profile Cards page component has one mandatory content parameter:

Profile Cards

List of profile cards which can be built using Profile Card Items. It needs a minimum of one and unlimited maximum number of Profile Card Items.

Profile Card Item

Profile Cards building element which has three content parameters:

  • Title - the title of the Profile Card Item which is displayed below the Picture both on the profile card and in the modal of the profile card.
  • Rich Text - rich text description which is displayed inside the profile card modal. Rich Text has basic text formatting options such as making the text bold, italic, underlined, make it as a link and an option to create a bullet point and numbered lists.
  • Picture - a Picture element which is displayed at the top of the profile card and top of the modal of the profile card. Image supports a variety of media formats and image transparency. Also, it is very important to add a detailed image content description for the website to be accessible.

Also, it has one setting:

  • Hide - hides the element in Profile Cards component.

Settings

Profile Cards page component has the following settings:

Content Horizontal Position

Sets the Profile Cards horizontal position on the page. Aligns only the row of profile cards that don't fill the whole width of the layout column.

Left

Center

Right

Profile Card Color

Sets the Profile Cards color.

White Profile Cards

Dark Teal Profile Cards

Bright Teal Profile Cards

Green Profile Cards

Yellow Profile Cards

Previous section:

Content Columns

Next section:

Slider