Build Tile: Stats

Page Content

Tile: Stats

Use the Tile: Stats content type to add a tile with a number and description of a stat to a Studio Site page. These content types often look best as a single width (square) tile. Background color choices include black, blue, gray, light gray, teal, white, and yellow.

Example 

#

Brief description of stat goes here. Square stat tiles look nice in a row of 3. Can also look nice next to other kinds of tiles.

5

Tile content types available to use on a Studio Site webpage (Example of Tile: Stats)

Icon-Patient-Care-Black

Tile: Color with Icon

Tile: Color content types can look nice next to Tile: Stats as well. (Example of Tile: Color)

How to add a new Tile: Stats content type to a page

From the T4 Site Structure, navigate to the page you are updating. 

  1. Click the green "Add content" button.
  2. Select "Tile: Stats" from the list of content types.
  3. Use the following content elements:
    • Name: Add descriptive name of content type to be used within T4 Site Structure.
    • Type of tile:
      • Full bleed: Stretches the tile to touch the surrounding content (or the edge of the page).
      • Not full bleed (w/ margin): Adds a white space margin between the edge of the tile and the surrounding content (or the edge of the page).
      • Not full bleed w/ slider (w/ margin): Adds a left and right arrow on the sides of the page to scroll through all of the tile content that has this option selected. Recommended to use with a minimum of four tiles (Also includes white space margin between the edge of the tile and the surrounding content).
    • Slider Autoplay: Select to have the page automatically scroll through a minimum of four tiles at timed intervals. Use sparingly.
    • Width of tile:
      • Double Width: 1024x512 rectangular tile
      • Round (Tile: Picture only): 512x512 round tile
      • Square: 512x512 square tile (recommended for stats)
      • Triple Width: 1440x480 rectangular tile
    • Background color: Select color of tile, options include black, blue, gray, light gray, teal, white, and yellow.
    • Statistics: Add the stat, ideally a number or just a few words.
    • Description: Required, adds descriptive text to the tile to explain the stat.
    • Open link in new tab: Select to have the link open in a new tab.
    • Choose only one of the following (or leave blank): 
      • Link (internal): Use to link to a different section or content type within your Studio Site.
      • Link (external): Paste URL to an external website (any website that does not include "education.mayo.edu" in the beginning of the URL). 
  4. Click the blue "Save changes" button to save content as a draft, or press the arrow and select "Save and approve" to save and publish updates.
menu
Close