Skip to main content

Rankings

Rankings are cards with branded elements to display information about how a program is ranked from a specific course. Rankings are also known as Statistics or Stats.

Note: An administrator must enable the "Quickstart Ranking" and "Quickstart Paragraphs - Rankings" modules on your site in order to use this feature. Submit a web services request to have this module enabled on your website.

Example Rankings

 

How to Create Rankings

  1. Create a page or edit an existing one.
  2. Scroll to the bottom of the page and select Add Rankings.
  3. Select the desired settings for the whole set
    1. Rankings per row on desktop: 4, 3, 2, 1
    2. Ranking content alignment: Left aligned, Center aligned
    3. Ranking header style: Bold headers, Thin headers
    4. Clickable rankings: Make the whole ranking clickable if the link fields are populated.
      1. Hover effect: Optional if rankings are clickable
    5. Additional options
      1. Rankings per row on tablet: 4, 3, 2, 1
      2. Rankings per row on phone: 4, 3, 2, 1
      3. Bottom spacing: Desired amount of space at the bottom of the rankings before the next element displays
    6. Rankings group title color: Arizona Blue, Sky, Oasis, Azurite, Midnight, Ash, Dark Silver, Black, White
    7. Rankings group title
  4. Select the desired settings for each ranking card
    1. Ranking type: Standard
      1. Ranking background: Color selections that change if you select Hover effect or not
      2. Ranking heading: Text
      3. Ranking description: Text
      4. Ranking source: Text
      5. Ranking link URL: URL of the desired link, required for clickable rankings
      6. Ranking link title: Text of the link
      7. Ranking link style: Desired style of the link
    2. Ranking type: Image Only
      1. Media: Select the desired image
        1. Once the image is added, click the pencil icon to set the image focal point. This focal point will be the part of the image that is always visible, no matter the screen size.
        2. Save
      2. Image width span: The number of cards you wish to have the image cover
    3. Update Preview: Button to see how the ranking will look before saving the page
  5. Add another item to add a new ranking
  6. Save the page
     

Useful Links

Brand Guidance Adding Pages Reorder Page Elements