Skip to Content

Fact Row

The Fact Row allows authors to displays a stylized list of facts or statistics which become a slider when the fact amount exceeds three slides on wide resolutions.

How to Build

  1. Click the Add New Element plus icon to add a component to the page
  2. An Add Element window will appear, choose the Fact Row option
  3. The settings dialog box will appear with the following options:
    • Fact Row Subheading: subheading for the fact row’s heading, displays above the Heading in a smaller font
    • Fact Row Heading: the main heading of the fact row
    • Fact Row: the facts of the fact row, add new facts by clicking the + icon at the bottom, add content to or modify facts by clicking the drop down arrow on the right of each fact list item
      • Fact Text: the large main text of the fact
      • Fact Description: the main description explaining the fact
  4. After all the desired fields are completed, click Save changes

Examples

Fact Row with Subheading Fact Row with 3 Facts

  • Fact 1
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Fact 2
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Fact 3
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Fact Row with no subheading and 4 facts

  • Fact 1
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Fact 2
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Fact 3
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Fact 4
    If you try to add more than 4 facts, they won't display.
  • Fact 5
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • Fact 6
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Read the Johns Hopkins University privacy statement here.

Accept