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.
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.