Quotes Row

The quotes row displays up to six testimonials or other quotes in a slideshow presentation. Each quote is accompanied by an optional image, attribution fields and optional link for additional information. 

Suggested Uses

• Showcase student, faculty or alumni perspectives
• Provide authentic testimonials
• Add a human voice to data or program descriptions
• Highlight event or program takeaways
• Spotlight community stories or identities

Create a New Row

• Select your rows storage folder — this is likely labeled _rows or similar. If you don't have one yet, build one now.
• From the top menu, select Add Content > Rows > Quotes.

Available Fields & Options

• Page Name: Required field; this is your row's file name in Cascade; customize the default name of row-quotes.
• Title: Required field; used as a section header for screen readers and should be meaningful.
• Show Title? 
  • If unchecked: The title is used by screen readers but not visually displayed.
  • If checked: The title is prominently displayed at the top of the row.
• Row Theme: Select one of the available colors as the row's default theme. Elements within the row will be color-coordinated and optimized for design and accessibility. When placing the row on a page, the theme can be customized for that page.
• Start on a random quote?: Applies only to rows with multiple quotes.
  • If unchecked: The quotes will always appear in the order you set (see below for reordering).
  • If checked: The slideshow will randomize which quote is displayed first.
• Quote settings
  • This row supports up to six quote entries. Use the green + to add a quote. Use the up/down arrows or drag and drop to reorder them. When more than one quote is included, visitors will manually navigate through the quote entries.
  • Text: Required field and offers text entry only; recommended length of 500 characters maximum.
    • Quotes appear as a single paragraph — any added line breaks or use of multiple paragraphs will be removed when you save.
    • Do not enter opening and closing quotes — they will be added automatically.
    • Tip: If you have multiple quotes, use text of a similar length for the best presentation and usability.
  • Quote Image: Optional; use the file chooser to select an image uploaded to Cascade.
    • Required dimensions: 200 x 200 pixels
    • Images that don't meet the requirements will be scaled and cropped to fit the available space. 
    • Tip: Use photos only — do not use decorative thumbnail images.
  • Name: Required; displays adjacent to the (optional) photo.
  • Position or Degree: Optional; appears below the Name field and is often used for someone’s job title, academic degree or similar descriptors.
  • Location: Optional; appears below the Position or Degree field. For consistency, this field is recommended for including the the individual's home location, when needed. Example: “From Arlington, Virginia” 
  • Link Text: Optional; hyperlinked text that appears at the bottom of the row. Tip: The length of the text determines the size of the hyperlink — keep it short for an optimal appearance across devices.
  • Internal Link: Use to link the button to an available Cascade asset.
  • External Link: Use to link the button to an asset not available within Cascade.
  • Anchor: Use to specify an anchor for your internal or external link — no # symbol required. To link to an anchor located on the same page as the row, do not specify an internal or external link destination. New to anchors? Learn how to first create an anchor on your pages or rows.

Updating Row Content

• To update the content of a row, edit and publish the row file. 
• You do not need to publish the pages displaying the row.
• If a row is unpublished or deleted, it will no longer appear on any live pages.

Tip: If you move or rename a row file, you will then need to publish any pages displaying the row. Not sure which pages are using the row? Check for relationships to the row.

Example Quotes Rows

Below, we offer sample rows to demonstrate suggested uses and best practices.