Datapoint Listings

Component Overview

The Datapoint Listings component is the best way to show off rankings and other numerical data. There are a few different presentations, including listings with icons, listings that dynamically count up or down, and more.


Component Location

Datapoint Listing → Datapoint Listing


Component Overview

Supported Templates & Placeholders

Template Placeholder
Article Detail Page
/maincontent/full-width

/maincontent/rail-page-content
Detail Page
/maincontent/detail-page-nav/detail-page-content
Experience Landing with Nav
/maincontent/full-width
Experience Landing Page
/maincontent/full-width
Experience Interior Nav
/maincontent/interior-nav-content
Experience Right Rail Page
/maincontent/rail-page-content


Recommended Image Size

Not supported


Character Limits

Character Limits - Parent Item

Title: Unlimited
Description:  Unlimited
Datapoint Listing Link: 50

Character Limits - Child Items

Ranking: 5
Title: 100
Reference: 50


How to Use & Variants

The parent component is just called the Datapoint Listing. After adding that component to your page content, add children by right-clicking the parent Datapoint listing and selecting either Datapoint Item or Dynamic Datapoint Item.

Datapoint Item: A static number or piece of text. It can be letters, numbers, or any combination. This child item supports adding FontAwesome icons.

Dynamic Datapoint Item: Must be numerical, as it counts up from a user-specified number. There are a number of prefixes to choose from: dollar sign, hashtag, and "No.". This item also supports FontAwesome icons, and are activated by clicking the switch in the parent listing to activate the icons.


Available parameters in Presentation Details

  • - Change number of datapoint listings
  • - Background (Transparent or gray)

Component Example

To see how the component will display on different types of screens, select the button below.

Device resolution = 1440px

Component Type

Main Body

ABOUT THE COMPONENT

  • Component Type: Content Block
  • Rich Text: No
  • Images: No
  • Video: No
  • Buttons: Yes
  • Links: Yes
  • Icons: Yes

Special Notes

Light gray option available.

Report Issue & Suggest Changes

Report a Bug or Suggest a Change