Office of Communications & Marketing

Cascade Content Type Library

Explore This Section

Channels

Brand Overview Order Branded Materials

Logo and Usage Colors Typography Photography

Editorial Style

Web Best Practices Cascade Content Type Library

Email Tutorials

Logo Kits Digital Templates Brand Photo Library Proof Point Library Event Toolkit Ambassador Toolkit QR Code Generator Email Signature Generator Digital Signage Slide Submission

People Specialties & Services OCM Request

Channels

Keep audiences engaged and avoid heavy blocks of text by using Content Types in Cascade CMS. These built-in formatting tools help Colorado College web authors organize information more intuitively and create a more accessible user experience. Explore the examples below—such as accordions, card decks, and profile listings—to see how these tools can bring your web pages to life.

Standard Web Page Content

Think of this as your primary workspace. This versatile text box allows you to tell your story by adding text, images, videos, hyperlinks, and embedded content like Google Calendars. It's also the ideal place to build tables for course grids and schedules.

A quick tip on copying and pasting: Pasting text directly from an email or a Word document often brings along hidden, undesirable formatting code that can break your page's design. To keep your pages looking clean and functioning well for our audiences, try one of these simple workarounds before bringing your text into Cascade:

Convert to clean HTML: Paste your document's text into wordhtml.com first. This will quickly strip out any messy background styling and provide clean HTML to paste into Cascade.
Use the "Paste as text" tool: You can toggle on "Paste as text" under "Edit" in the top right of your Cascade toolbar. Just keep in mind this will remove all formatting, including bolding, italics, and tables.
Use a plain text editor: Paste your content into a basic editor like NotePad or TextEdit to remove hidden styling, then copy and paste that plain text into your webpage.

Accordion

This is the content that is hidden until clicked. This is also a standard text box that you can insert links, images, videos, and embedded content.

show all / hide all

Buttons

Link to URL

Link to Popup Content

Card Deck

Card Deck Label

Further text inside

This was the "CC - Card Deck" widget in dotCMS.

While you can cram as much stuff as you want in here, beware there's a lot of formatting with card decks that we cannot control. Card decks also make for a great template for reusable content.

also keep this short

You add everything that you could add in the standard content container. Obviously, this is a much smaller space, so it's recommended that you don't add anything larger/more complex than a logo image or simple picture. The WES logo is a good example.

card icons make things fun

You'll need to make a separate card deck content container if you want to have different colors or have another row. It is not recommended to have card decks contain the bulk of your text information or images, but rather to highlight something important such as contact info, mission statement, or office hours.

Event Listing

More Events

Forms (PLEASE use Clive)

To set up a clive form, contact the web paraprof. We HIGHLY discourage using third-party embedded forms because those always get lost and become inaccessible when the person who made that form leaves CC.

Image Cards

Square images work

the best as this

ensures that no part

of the image is cut off

News Listing

Our Work Toward Becoming an Anti-racist Institution

Photo Gallery

Please fill out the caption with a concise description <span class="cc-gallery-credit">[John Doe]</span>

View Slide Show 3 Photographs

Profile Listing

Jiun Bang

Assistant Professor

jbang@coloradocollege.edu

(719) 389-6585 | Palmer Hall 25B

Expertise: International Relations Theory, Geopolitics of Northeast Asia, Gendered Politics

Kristine Lang

She, Her, Hers

Professor

kmlang@coloradocollege.edu

(719) 389-6821 | Barnes #223

Expertise: Scanning probe microscopy, Solid state physics, Biophysics

Selected News Stories

L. Song Richardson Named Colorado College’s 14th President

Sociology

Inequality in the U.S. Class Featured on 'The Nod'

Collaborative for Community Engagement

Inaugural Stroud Scholars Rise to Challenge

Events

Opening Convocation Kicks Off 145th Academic Year

Show/Hide

Use the accordion content type instead.

This is quite clunky.

Unless you're really insistent on having the choice of the show/hide indicator.

I guess having options is fun.

The editing text box here gets cluttered really quickly.

This makes editing in the future quite cumbersome.

Just use the accordion. It's so much easier!

I promise it'll save you time and frustration.

Side-by-side text content

Left Content.

You can also have 1/3-2/3 split. That can be used to create more detailed profiles/bios with a small image.

Right Content (shows side-by-side when there is no sidebar on the page). If inserting images or videos, make sure to constrain the proportions so that they're the same size. It looks really funny otherwise.

Video

This is the "Associated Text" and is like the description box under YouTube videos. Associated Text has more options than Caption in Cascade.

Video

Report an issue - Last updated: 05/06/2026

Site Tools

Audience Portals

Cascade Content Type Library

Standard Web Page Content

Accordion

Buttons