General
The General category includes the core components used to add and organize content on a page. At the center is the Text component, which is the most commonly used tool for writing and formatting content. Other components in this category help structure information, display author details, or embed forms, providing the basic building blocks for most pages.
Author
The Author component displays the writer’s name, profile picture, and publication date to help readers identify the content’s author.
List Block
The List Block component highlights key information with a bulleted list and an image.
Text
The Text component offers a WYSIWYG editor for easy text writing and formatting.
Webform
The Webform component embeds a Drupal webform, requiring all form edits to be made in Drupal’s webform editor.
Layout
The Layout category includes components that organize content into structured sections, grids, or columns. These tools help arrange your content in a way that improves readability and visual flow. These components provide the foundation for a well-organized page.
Gloss Section
The Gloss Section component helps organize content by creating distinct sections that improve structure, readability, and layout consistency.
Gloss Section - Background Image
The Gloss Section - Background Image component helps organize content into distinct sections while allowing a background image.
2 Column Layout
The 2 Column Layout component arranges content into two side-by-side columns that adapt to different screen sizes.
Layout Component - Button Group
The Layout Component - Button Group organizes multiple buttons into a structured grid, allowing control over layout and spacing.
Layout Component - Section Layout
The Section Layout component arranges content in a grid, keeping items evenly spaced and ensuring consistency, especially for cards.
Media
The Media category includes components for adding images, videos, and galleries to a page. These elements enhance content by providing visual interest and supporting the surrounding text in an engaging way. They help break up large sections of text, highlight key information, and make pages more dynamic.
Image
The Image component adds a single image to a page.
Kaltura Video
The Kaltura Video component embeds videos or playlists from Kaltura, allowing you to add video content to a page.
Masonry Image Gallery
The Masonry Image Gallery component arranges images of different sizes in a dynamic, grid-like layout for a visually engaging display.
Text Over Parallax Background Image
The Text Over Parallax Background Image component displays text over a fixed background image, creating a scrolling parallax effect.
Text Panel Over Video Background
The Text Panel Over Video Background component displays text over a looping background video, combining visual motion with readable content.
Video Embed
The Video Embed component allows you to add videos from platforms like YouTube to your page.
Text
The Text category includes components that arrange text in different layouts to create clear and structured content. Some pair text with images or cards, while others emphasize key information by adjusting text size and placement. These components help organize content in a way that improves readability and visual balance on the page.
Floating Text
The Floating Text component places text over other elements, making it stand out as a prominent overlay on the page.
Gloss Section - Testimonial
The Testimonial component displays quotes or endorsements, helping to highlight statements.
Text and Card Container
The Text and Card Container component displays a block of text next to a set of cards, creating a structured layout for related content.
Text and Image
The Text and Image component pairs text with an image, making it easy to present key information alongside a visual.
Text and Image Panel
The Text and Image Panel component places an image beside a block of text, creating a balanced layout for highlighting messages or adding visual context.
Text and Text
The Text and Text component presents a primary text block alongside a smaller secondary text area, creating a clear visual hierarchy for emphasizing key ideas.
Interactive
The Interactive category includes components that encourage user engagement through actions like clicking, scheduling, or navigation. These components help make a webpage more functional and user-friendly.
Image Button
The Image Button component creates a clickable image with overlaid text.
Mychart Widget
The MyChart Widget embeds a scheduling interface from MyChart, allowing users to view and select available appointment times.
Standard Button
The Standard Button component adds a clickable button to a page, useful for links, submissions, or calls to action.
Accordion
The Accordion category includes components that organize content into expandable sections. These allow users to reveal information as needed, keeping pages concise while still providing access to detailed content.
Accordion Container & Accordion Item
The Accordion Container and Accordion Item components work together to create collapsible sections for organizing content. The container controls how the accordion behaves, while each item defines a clickable section that expands to reveal more information.
Individual Accordion Dropdown
The Individual Accordion Dropdown creates a single expandable section with a customizable title, allowing content to be revealed when clicked.
Billboard
The Billboard category includes components that display the page title, breadcrumbs, and key details at the top of a page. These elements help orient visitors by showing where they are within the site while also providing space for optional call-to-actions or visual elements like images or videos.
Overlapping Billboard
The Overlapping Billboard component displays a large image alongside key page details like the title, intro text, and call-to-action.
Foreground Image/Video Billboard
The Foreground Image/Video Billboard component creates a prominent page header with an image or video alongside the title and other key details.
Image Billboard
The Image Billboard component displays a large background image with the page title, breadcrumbs, and an optional call-to-action at the top of a page.
Simple Billboard
The Simple Billboard component highlights the page title, breadcrumbs, and an optional call-to-action, using a background color or abstract image.
Card
The Card category includes components that organize information into structured, visually distinct boxes. Cards can feature text, images, icons, or profile details, making them useful for highlighting key content in a compact and readable format.
Contact Card
The Contact Card component displays a person’s name, title, avatar, phone number, and email.
Custom Card (Horizontal)
The Custom Card (Horizontal) component presents information in a flexible card layout with an optional title, image, text, and call-to-action link, making it useful for designs that require an avatar-style image beside the text.
Custom Card (Vertical)
The Custom Card (Vertical) component displays information in a flexible card format with an optional title, image, text, and call-to-action link, making it useful for layouts that require a vertically stacked design.
Icon Card
The Icon Card component is a structured content box that includes an icon from the icon library, along with a headline, text, and an optional link.
Updated Default Card
The Updated Default Card component is a content box that organizes related information, combining elements like an image, headline, text, and an optional link.
Updated Profile Card
The Updated Profile Card component presents a person’s information in a structured card layout, with options for a horizontal or vertical format.
Dynamic
The Dynamic category includes components that automatically pull and display content based on predefined criteria. These components help keep pages up to date by displaying relevant information, such as faculty publications or news stories, without requiring manual updates.
Publications by Department
The Publications by Department component lists faculty publications for a specified department.
Story List - Cards
The Story List - Cards component displays a collection of news stories in a card layout, showing the title, date, description, and a link to each full article.
List
The List category includes components that organize and display groups of related items, such as links, names, or key information. These components help structure content in a clear and readable format, whether using simple lists, card-based layouts, or multi-column arrangements.
Big List Container & Big List Item
The Big List Container and Big List Item components display a large, readable series of links.
Big List
The Big List component presents a series of large, readable links with optional sub-lists.
Four Column Alphabetical List
The Four Column Alphabetical List component organizes long lists into four columns, making large sets of names or items easier to scan and navigate.
Icon Card List Container & Icon Card List Item
The Icon Card List Container and Icon Card List Item components create a card-based layout with icons, text, and links.
Quick Links
The Quick Links component displays a list of links that can be placed alongside text, providing a compact way to highlight relevant navigation options.
Stepper
The Stepper component visually represents a sequence of steps, highlighting the user’s current position and providing optional tooltips for additional context.
Text Over Image
The Text Over Image component overlays text on an image, with options for headings, links, and making the image clickable.
Navigation
The Navigation category includes components that help users move between related pages or sections of a site. These components provide clear, structured links to improve navigation and guide users to important content.
Button Sub-Navigation
The Button Sub-Navigation component displays a set of links as buttons in a grid layout, providing an organized way to navigate between related pages.
Slider
The Slider category includes components for displaying images in a rotating carousel format. These components help present multiple images in a limited space, allowing users to cycle through visuals with navigation controls or autoplay settings.
Image Slider (Large, Captions)
The Image Slider (Large, Captions) component displays a rotating series of large images with optional captions.
Slider Container & Slider Image
The Slider Container and Slider Image components work together to create an image slider, with the container providing structure and the images displaying with optional captions.
Social
The Social category includes components that integrate social media features into a page. These components help users share content, connect with social platforms, or engage with social media in some way.
Social Sharing
The Social Sharing component adds social media buttons to a page, allowing users to share content on platforms like X, Facebook, and LinkedIn.
Tab
The Tab category includes components that organize content into a tabbed layout, allowing users to switch between sections without leaving the page. These components help keep related information compact and easy to navigate.
Horizontal tabs container & Tab item for cards
The Horizontal Tabs Container and Tab Item for Cards components create a tabbed layout for organizing cards. The container groups the tabs, while each tab item defines a section with its own title and card content.
Horizontal tabs container & Tab item
The Horizontal Tabs Container and Tab Item components create a tabbed layout for organizing content. The container groups the tabs, while each tab item defines a section with its own title and content.