Rutgers logo
Rutgers Core Component Library (RCCL) Demo Site

Landing News CT

See the News Landing Page In Action

Available Components on Landing: News

Featured Summaries
Featured Topic
Featured: External Content
Featured: Internal Content
In the News
Fourths News Feature
50/25/25 News Feature
50/50 Split News Feature
Filtered News Display
Social Media
Feature Videos
Tabbed News Aggregator
Heading and Description

Filtered News Display

Fourths News Feature Component

See the Fourth News Feature component below. | This component can bring in "Feature: External Content" and "Featured: Internal Content". This component does not have a title. To display a title, use the Heading and Description component above it. You can add a title only or a description. Remember that in this Heading and Description component you can hide the title, if you just want to show text in the component, without a title.

Old Queens Gate

Here is a summary.

Giving Day 2019

Add a summary here.  Headline 255 character limit. Use this to create links to external content, so that it can function link it's internal to your site. In this example, I am creating a content card, which is a set of content that contains a headline, an image, a topic tag/category/eyebrow, and a link.  This content card can be called into various components similar to other internal CTs like articles.

Opening of Athletic Complex in Camden

This is a summary. Note: A promotional image isn't necessary when using the hero - with headline on image. The image used in the hero will be automatically pulled into components where this article is pulled into.

50/50 Split News Feature

See the 50/50 Split News Feature component below.    This component shows two large articles at 50% of full-page width side-by-side. To add content, pull in "Feature: External Content" and "Featured: Internal Content". This component does not have a title. To display a title, you can opt to add a Heading and Description component above it, as you see here. You can add a title only or a description. Remember that in this Heading and Description component you can hide the title, if you just want to show text in the component, without a title.

Opening of Athletic Complex in Camden

This is a summary. Note: A promotional image isn't necessary when using the hero - with headline on image. The image used in the hero will be automatically pulled into components where this article is pulled into.

Student walking on campus

This is a summary. Note: A promotional image isn't necessary when using the hero - with headline on image. The image used in the hero will be automatically pulled into components where this article is pulled into.

50/25/25 News Feature Component

See the 50/25/25 News Feature component below. | This component can bring in "Feature: External Content" and "Featured: Internal Content". This component does not have a title. To display a title, a Heading and Description component above it. You can add a title only or a description. Remember that in this Heading and Description component you can hide the title, if you just want to show text in the component, without a title.

Old Queens Gate

Here is a summary.

Giving Day 2019

Add a summary here.  Headline 255 character limit. Use this to create links to external content, so that it can function link it's internal to your site. In this example, I am creating a content card, which is a set of content that contains a headline, an image, a topic tag/category/eyebrow, and a link.  This content card can be called into various components similar to other internal CTs like articles.

Opening of Athletic Complex in Camden

This is a summary. Note: A promotional image isn't necessary when using the hero - with headline on image. The image used in the hero will be automatically pulled into components where this article is pulled into.

Tabbed News Aggregator - Title

Filtered News Display - Test for All

Rutgers Shield Logo

FAQ content generally requires the ability to clearly distinguish between and to pair questions and answers. Check out various ways to achieve this content design in the RCCL.

Rutgers Shield Logo

Use Chaptered Pages to package similar content that you want users to easily navigate. The Chaptered Page content type offers tabbed navigation between various page panels. Each panel contains chapter items with titles that create a sticky left-side navigation. 

Rutgers Shield Logo

Don't make website users cringe at the site of a text-heavy page. Using an Accordion affords that ability to include supporting information captured within expandable rows.