CPC
CPC CPC
  • Web Components Guide

Content App

  • Core Components
    • Basic Content
    • Hero Banners
    • Layout Element
    • Letter
  • Media Components
    • Images
    • Videos
    • Icons
  • Interactive Components
    • Full Width Accordion
    • Accordion List
    • Tabs
    • Vertical Tabs
    • CTA Block
    • Contact Playlist
    • Datapoint

Custom Apps

  • Artifact Library App
    • Artifact Grid
    • Asset Grid Carousel
    • Playlist Tabs Collection
    • Resources Carousel
    • Resources Download
  • Events App
    • Event List
    • Event Page
  • Forms App
    • ClickDimensions Widget
  • Products App
    • Carousel - Products
    • Carousel - Series
    • Carousel - Recently Viewed
    • Carousel - Custom
    • Series Page URL Handler

Other

  • Alert Banners
    • Overiview
    • DNN Alert Banner
    • Adam Alert Banner

Interactive Components

Content App | Web Components Guide

Interactive Components

Full Width Accordion

Accordion-style tabs that span the full width of our site's content area.

Inside, any content that a DNN 'Content Block' can use is available, as well as adding entire apps/components.

Full Width Accordion | demo content
Full Width Accordion | demo content

Interactive Components

Accordion List

Accordion-style tabs that span a defined width—about 75% of our site's content area.

Inside, any content that a DNN 'Content Block' can use is available, as well as adding entire apps/components.

Accoridon List | example
Accoridon List | example

Interactive Components

Tabs

Horizontally-oriented, tab-style dividers that span the maximum width of their container. These are used on all of our product pages by default.

Inside, any content that a DNN 'Content Block' can use is available, as well as adding entire apps/components.

Tabs | Product Assets and Downloads example
Tabs | Product Assets and Downloads example

Interactive Components

Vertical Tabs

Vertically-aligned, tab-style dividers. Content is added aside instead of beneath. Any content that a DNN 'Content Block' can use is available, as well as adding entire apps/components.

Vertical Tabs | demo content
Vertical Tabs | demo content

Interactive Components

CTA Block

CTA Blocks can have up to 4 buttons in a row. With more than 4 CTAs, the next set of buttons will wrap centered in a new row.

The CTA Block includes multiple background themes, as well as top and bottom padding options. Theme colors include: None (white, default), Light Blue, Blue, Dark Blue, Light Grey, Grey, and Dark Grey.

The Buttons themselves can also be customized with colors, text and icons. Icons available are: Primary (circle with arrow pointing right), Up Arrow, and Down Arrow.

CTA Block | Overflow row demo content
CTA Block | Overflow row demo content
CTA Block | multiple counts and colors, demo content
CTA Block | multiple counts and colors, demo content

Interactive Components

Contact Playlist: Contact Us (Grid)

A two-column playlist comprised of contact CTAs, similar to Artifact Playlists.

Contact Playlist | Contact Us (Grid) example
Contact Playlist | Contact Us (Grid) example

Interactive Components

Datapoint

Infographic-style modules meant to show off a numeric figure. Component is built with a title and text content, infographic grid, and a CTA button.

Datapoint | About CPC page example
Datapoint | About CPC page example
© 2026 Colder Products Company®. All Rights Reserved