Web Component Guides

Features & Functionality

In this guide encompasses all available features and functionality that can be placed below the banner fold on landing pages, some selection on articles and across the entirety of standard pages. All website features/components are created and maintained in accordance to the CBS brand guidelines, WCAG (Web Content Accessibility Guidelines) and in-line with WCAG's core POUR principles of SEO best practices. If need of training and deeper levels of feature/component configuration, please reach out to our team and we will assist you.

List of Components Available to Use:

Feature Set 1: Grids & Layouts

Features that organize content in grid-based or multi-column layouts:

1. Articles Curated Featured Grid*
2. Content Grid*
3. Link Grid*
4. Image Gallery*
5. Editorial Grid*
6. Tabs*
7. Anchor Section*

Feature Set 2: Carousels & Sliders

Features that present content in rotating or sliding formats:

1. Research Carousel*
2. Testimonial Carousel* (Standard Page Only)
3. Carousel Slider*
4. Blog Carousel*
5. Award/Grant Carousel*
6. Section Slide*

Feature Set 3: Lists & Curated Collections

Features that display organized lists or curated sets of content:

1. Button List*
2. Curated Media Mentions*
3. Curated Person List*
4. Area of Expertise Section*
5. Statistics*
6. Related Content Area*
7. Featured Media* (Standard Page Only)
8. FAQs*

Feature Set 4: Interactive & Dynamic Content

Features requiring configuration, dynamic feeds, or special interaction:

1. Email Sign Up*
2. Conference Agenda* (Conference Only)
3. Views Embed (Dynamic Feeds)* (Reach out to MarComms for configuration)**
4. Video Block (Dynamic Feed)* (Reach out to MarComms for configuration)**
5. Webform Embed* (Reach out to MarComms for configuration)**
6. Manual Video Block*
7. Callout*
8. Section Image Dividers*
9. Primary Lander Text*

Feature Set 5: Interactive & Dynamic Content

Features showcasing data visualization such as bar charts, doughnut charts, custom visualizations and more:

1. Flourish Charts* (Reach out to MarComms for configuration)**
2. CBS Charts* (Reach out to MarComms for configuration)**

Disclosure/Notes:

• *All components (listed above) are worked on through a rolling basis for new updates, features, and clean-up to optimize for user experience and for your experience. If something has changed and you are unsure of how to configure a page/component after a development change, please reach out to us.
• **Any components not listed as part of the standard configuration may still be coordinated with us for proper setup on your CBS website.