Click a button below to view examples of the corresponding Content Section. This page is created using the Card Set: Content Content Section.
Accordion
Creates "drawers" of content.
Good for: Q&A, FAQ, and collapsing large amounts of content.
Business Card
Display contact and location information for a person or org unit.
Good for: Contact pages or related information.
Buttons
Styled links to other pages.
Good for: Emphasizing links.
Call Out Block
Text area with grey background.
Good for: Emphasizing a block of text with a non-white background.
Call to Action: Default
Emphasized boxes for text and links.
Good for: Calls to action (sign up, donate, etc.) or important messages.
Call to Action: Image
Emphasized boxes for text and links alongside an image.
Good for: Adding visual interest to a CTA.
Call to Action: Text over Image
Emphasized boxes for text and links overtop an image.
Good for: Adding visual interest to a CTA.
Card Set: Content
Displays content in a card grid with or without images or buttons. Used to create this page.
Good for: Introducing multiple sections of a website.
Card Set: Statistics
Displays statistics (in a slider if enough are provided).
Good for: Presenting data in an easy-to-consume way.
Documents: Public
Used to upload one or more documents in a list.
Good for: Policies or forms.
Documents: Secured (login required)
Used to upload one or more documents in a list which require a Lehigh login to view.
Good for: Non-public materials and secret recipes.
Embed: Content Section (existing content)
Place an existing Content Section (with content) onto a page.
Good for: Repeatable content on pages.
Embed: Content Teaser
Previews other content on the website with a summary and image.
Good for: Creating preview-style "links" like you get when you share content on social media.
Embed: HTML Code
Used for placing HTML code within a page.
Good for: Embedding forms, non-YouTube or Vimeo videos (use Embed: Video for those), etc.
Embed: Video
Place a YouTube or Vimeo video on a page.
Good for: Easily adding a video embed with an option to provide a transcript.
Embed: Webform
Used for placing an existing Webform on a page.
Good for: Placing short forms on a page.
Feed: Events
Displays Events pulled in from the University Events Calendar or created within the site.
Good for: Displaying categorized events related to the current page.
Feed: News
Displays News pulled in from the University News or created within the site.
Good for: Displaying categorized news related to the current page.
Feed: Tagged Content (Teaser)
Provides a feed of content filtered by type and Tags with sorting and pagination options.
Good for: Automatically-updated related content listings.
Heading
Inserts a heading.
Good for: Adding headings between other Content Sections. Accessibility considerations.
Hero: 50-50
A hero section allowing for text in one half and an image in the other half.
Good for: Intros at tops of pages
Hero: Full
A hero section allowing for a full-width image with text overtop.
Good for: A decorative intro on the top of a page.
Hero: Video
A hero section allowing for a video with a caption overtop.
Good for: Decorative intro at tops of pages.
Image: Gallery
Used to display a grid of photos which expand upon click.
Good for: Displaying larger numbers of photos in a gallery.
Image: Large
Allows for a large image to be presented with an optional caption.
Good for: Placing a large, responsive image.
Image: Slider
Use to create an image slider/carousel.
Good for: Decorative sliding content.
Layout: Two Column
Content Section which allows for Content Sections to be placed within in two columns.
Good for: Placing content side-by-side.
People: Inline Content
Used to add a formatted person directly onto a page without having to create a separate page for them.
Good for: Person info on a single page without a need for a detail page.
People: Listing (by type)
Used to place an auto-updating list of existing People on a page by type (e.g., faculty, staff, student, etc.).
Good for: Listing People on contact or directory pages.
People: Listing (existing content)
Used to manually place existing People onto a page.
Good for: Listings of people which will not change often; smaller listings.
Quote
Used to format a quote centered with quotation mark graphic elements.
Good for: Emphasizing a quote on a page.
Text: Freeform
Used to place text within a page; similar to a Body field.
Good for: Placing a Body field-like section under other Content Sections.
Text: Freeform with Image
Used to easily place images alongside text with optional text wrapping.
Good for: Easier insertion of images alongside text (rather than formatting images in the Body field).
Text: List
Provides nicer formatting of unordered and numbered lists.
Good for: Emphasizing a list.