Skip to main content

Story Display Showcase

A variety of options are available to display a list of stories.

When you create a Story, it's immediately available to select and display on any website. Stories can be selected by tag, by section, by date range, and there are multiple display options available to present the selected stories. As more stories are added to a section, they'll automatically be listed.

  • Any number of stories can be displayed at once, with the option to add a max number of stories. Adding a max number of stories is recommended for landing pages where you're featuring a few stories, while a long list of stories or all stories can be shown on internal pages as news feeds.
  • Pagination can be added to any display option too.
  • The Column display adds columns automatically, but all displays can be added to a Grid (content type) layout, however, each Story Display makes up only one column in a grid. The use of a Grid to display stories would benefit pages displaying two different tags, sections, or date ranges. Labeling each column to indicate that each column is different is recommended.
  • Remember to wrap Story Displays in Landing Page Content Containers to adjust the overall width and add a background color. 

Grid Display - 4, 3, and 2-Column Grids

The key to the grid display with images is to select quality images and keep titles and summaries somewhat the same lengths. 

Sam Bertram stands in front of his robotic farming equipment

Now he’s tackling world hunger with innovative indoor farming technology.

Sean Reilly standing in the woods wearing button up white shirt

Rhodes scholar Sean Reilly ’16 found his purpose by examining his talents and what the world needed.

Sam Pluta interacts with microphone, joystick, keyboard and other electronic musical devices on a table in a performance hall.

The Guggenheim fellow and professor at the Peabody Institute performs alongside live instrumentalists, using technology to manipulate sounds in real time to create a vibrant sonic universe.

Mirelle Raza '15, pictured in the SCU School of Law's library.

Does success mean more money, or does it mean leaving the world a better place? Mirelle Raza chose both.

Hana Seastedt and her mountain backdrop in Laos.

Public Health major Hana Seastedt ’20 watches impact of her field unfolding, half a world away.

US Homeland Security sign at Mexican Border with fence in the background

In a Mercury News Op-Ed, professor of law Evangeline Abriel says the current pandemic illustrates conflicts that can arise between individual rights and the needs of the larger population.

Empty Hyderabad train station

How a far-flung SCU faculty member is rallying distance learning during COVID-19.

Sam Bertram stands in front of his robotic farming equipment

Now he’s tackling world hunger with innovative indoor farming technology.

Sean Reilly standing in the woods wearing button up white shirt

Rhodes scholar Sean Reilly ’16 found his purpose by examining his talents and what the world needed.

Grid Display with Date - 4, 3, and 2-Column Grids

Sam Bertram stands in front of his robotic farming equipment
Feb 26, 2026

Now he’s tackling world hunger with innovative indoor farming technology.

Sean Reilly standing in the woods wearing button up white shirt
Feb 26, 2026

Rhodes scholar Sean Reilly ’16 found his purpose by examining his talents and what the world needed.

Sam Pluta interacts with microphone, joystick, keyboard and other electronic musical devices on a table in a performance hall.
Feb 26, 2026

The Guggenheim fellow and professor at the Peabody Institute performs alongside live instrumentalists, using technology to manipulate sounds in real time to create a vibrant sonic universe.

Mirelle Raza '15, pictured in the SCU School of Law's library.
Feb 26, 2026

Does success mean more money, or does it mean leaving the world a better place? Mirelle Raza chose both.

Hana Seastedt and her mountain backdrop in Laos.
Jun 5, 2020

Public Health major Hana Seastedt ’20 watches impact of her field unfolding, half a world away.

US Homeland Security sign at Mexican Border with fence in the background
Jun 1, 2020

In a Mercury News Op-Ed, professor of law Evangeline Abriel says the current pandemic illustrates conflicts that can arise between individual rights and the needs of the larger population.

Empty Hyderabad train station
May 20, 2020

How a far-flung SCU faculty member is rallying distance learning during COVID-19.

Sam Bertram stands in front of his robotic farming equipment
Feb 26, 2026

Now he’s tackling world hunger with innovative indoor farming technology.

Sean Reilly standing in the woods wearing button up white shirt
Feb 26, 2026

Rhodes scholar Sean Reilly ’16 found his purpose by examining his talents and what the world needed.

Grid Display with Pagination

Add pagination to your grid by including numbers in the Max Stories and Rows Per Page fields. The grid below is 12 max stories and 4 rows per page.

Sam Bertram stands in front of his robotic farming equipment

Now he’s tackling world hunger with innovative indoor farming technology.

Sean Reilly standing in the woods wearing button up white shirt

Rhodes scholar Sean Reilly ’16 found his purpose by examining his talents and what the world needed.

Sam Pluta interacts with microphone, joystick, keyboard and other electronic musical devices on a table in a performance hall.

The Guggenheim fellow and professor at the Peabody Institute performs alongside live instrumentalists, using technology to manipulate sounds in real time to create a vibrant sonic universe.

Mirelle Raza '15, pictured in the SCU School of Law's library.

Does success mean more money, or does it mean leaving the world a better place? Mirelle Raza chose both.

More pages:

    Card Deck Display with Pagination

    Grid and Card Deck display the same, but Card Deck allows for more than 4 columns. The need to use five or more columns is very rare and isn't recommended for the story display as columns become illegible on smaller screen sizes. Add pagination to your deck by including numbers in the Max Stories and Rows Per Page fields. The grid below is 12 max stories and 4 rows per page.

    Sam Bertram stands in front of his robotic farming equipment

    Now he’s tackling world hunger with innovative indoor farming technology.

    Sean Reilly standing in the woods wearing button up white shirt

    Rhodes scholar Sean Reilly ’16 found his purpose by examining his talents and what the world needed.

    More pages:

      Feature

      The Feature displays stories at full width, taking up the space when you want to showcase large images for all your stories.

      More pages:

        Full Story

        This display shows an entire story or stories on the page. Keep in mind that the story doesn't include a link to read more, so site visitors won't navigate over to a story page.

        Sam Bertram stands in front of his robotic farming equipment
        With the help of Santa Clara faculty, Sam Bertram ’16, M.S. ’18 learned how to launch his own startup
        Read more

        List Item

        The List Item displays stories with an image, title, and summary, with story titles linked to the story and styled "normal" rather than bold like other title displays.

        News List

        The News List displays stories with an image, title, date, and summary, with story titles linked to the story. The News List is similar to the Story List but includes the date. It's also similiar to List Item display, but it includes a larger image, date, and the title font size is smaller and styled bold.

        Story List

        The Story List displays stories with an image, title, and summary, with story titles linked to the story. 

        Story List - No Images

        The Story List - No Images displays stories with a title and summary, with story titles linked to the story. 

        Story List - Title and Date Only

        The Story List - Title and Date Only displays stories with a title and date, with story titles linked to the story. 

        Story List - Title Only

        The Story List - Title Only displays stories with only title and date.

        Top Stories

        The Top Stories displays a featured story up top with a full width image, followed by the rest of the stories.

        Related Links

        Story titles as a list of links in a single column.

         

        Link List

        Story titles as buttons in a single column.

        Accordion

        Story titles as accordion links.

        Now he’s tackling world hunger with innovative indoor farming technology.  More »
        Rhodes scholar Sean Reilly ’16 found his purpose by examining his talents and what the world needed.  More »
        The Guggenheim fellow and professor at the Peabody Institute performs alongside live instrumentalists, using technology to manipulate sounds in real time to create a vibrant sonic universe.  More »
        Does success mean more money, or does it mean leaving the world a better place? Mirelle Raza chose both.  More »
        With a legacy of mentorship, LEAD Scholars like Darius Johnson help prepare first-gen Broncos for college, life, and exciting internships. LEAD celebrates its 20th anniversary this year.  More »

        Announcement

        Stories displayed as announcements.

        With the help of Santa Clara faculty, Sam Bertram ’16, M.S. ’18 learned how to launch his own startup
        Now he’s tackling world hunger with innovative indoor farming technology. More
        Environmental studies graduate uses advanced technology to fight California wildfire crisis
        Rhodes scholar Sean Reilly ’16 found his purpose by examining his talents and what the world needed. More
        Sam Pluta ’01 combines his love of music and coding as an electronics performer and composer
        The Guggenheim fellow and professor at the Peabody Institute performs alongside live instrumentalists, using technology to manipulate sounds in real time to create a vibrant sonic universe. More

        Snippet

        Only story summaries are displayed.

        Now he’s tackling world hunger with innovative indoor farming technology.

        Rhodes scholar Sean Reilly ’16 found his purpose by examining his talents and what the world needed.

        The Guggenheim fellow and professor at the Peabody Institute performs alongside live instrumentalists, using technology to manipulate sounds in real time to create a vibrant sonic universe.

        Does success mean more money, or does it mean leaving the world a better place? Mirelle Raza chose both.

        With a legacy of mentorship, LEAD Scholars like Darius Johnson help prepare first-gen Broncos for college, life, and exciting internships. LEAD celebrates its 20th anniversary this year.

        Using Two Story Displays Together in a Grid

        Disclaimer: When using two Story Displays together and pulling from one section, you must use two unique custom tags to avoid duplicate stories. The curation of your stories will be controlled by adding and remove those tags from stories and requires constant maintenance. Use only one Story Display, like those above, if you'd like a more set and forget solution.

        Sam Bertram stands in front of his robotic farming equipment

        Now he’s tackling world hunger with innovative indoor farming technology.

        Sam Bertram stands in front of his robotic farming equipment

        Now he’s tackling world hunger with innovative indoor farming technology.

        Sean Reilly standing in the woods wearing button up white shirt

        Rhodes scholar Sean Reilly ’16 found his purpose by examining his talents and what the world needed.

        Sam Pluta interacts with microphone, joystick, keyboard and other electronic musical devices on a table in a performance hall.

        The Guggenheim fellow and professor at the Peabody Institute performs alongside live instrumentalists, using technology to manipulate sounds in real time to create a vibrant sonic universe.

        Mirelle Raza '15, pictured in the SCU School of Law's library.

        Does success mean more money, or does it mean leaving the world a better place? Mirelle Raza chose both.

        Sam Bertram stands in front of his robotic farming equipment

        Now he’s tackling world hunger with innovative indoor farming technology.