Skip to main content
Visit the University of North Carolina at Charlotte homepage
Visit the University of North Carolina at Charlotte homepage

What can we help you find?

  • Academics
  • Admissions
  • Campus Life
  • Research
  • Athletics
  • About
  • Apply
  • Visit
  • Give
  • News & Events
  • Directory
  • My UNC Charlotte
  • Quick Links
    • Majors & Minors
    • Graduate Programs
    • Calendar
    • Campus Maps
    • Class Registration
    • Financial Aid
    • Housing
    • Library
    • Report an Incident
  • Resources
    • Prospective Students
    • Alumni & Friends
    • Faculty & Staff
    • Current Students
    • Parents & Family
  • Colleges
    • Arts & Architecture
    • Business
    • Computing & Informatics
    • Education
    • Engineering
    • Health & Human Services
    • Humanities & Earth and Social Sciences
    • Sciences
    • Graduate School
  • Quick Links
    • Majors & Minors
    • Graduate Programs
    • Calendar
    • Campus Maps
    • Class Registration
    • Financial Aid
    • Housing
    • Library
    • Report an Incident
  • Resources
    • Prospective Students
    • Alumni & Friends
    • Faculty & Staff
    • Current Students
    • Parents & Family
  • Colleges
    • Arts & Architecture
    • Business
    • Computing & Informatics
    • Education
    • Engineering
    • Health & Human Services
    • Humanities & Earth and Social Sciences
    • Sciences
    • Graduate School
Division of Student Affairs

Hydraulic Help Guide

  • Get Started
  • Content Type
  • Component
    • Accordion
    • Articles
    • Big Image / Video
    • Block Link
    • Call to Action (CTA) Grid
    • Call to Action (CTA)
    • Embed a Widget
    • Filtered View
    • Form Embed
    • From Library
    • Gallery
    • Icon Card
    • Image Card
    • Link Lists
    • Office Information / Hours
    • Paragraph (Component) Library
    • People Cards
    • Section Tab
    • Sidebar Menu
    • Slider
    • Social Media
    • Statistic Card
    • Testimonial
    • Text
    • v4 Block
    • v4 Box
    • v4 Factoid / Quick Link
    • v4 List
    • v4 Media Grid
  • Media
  • Resources
    • Campus Event Widgets
    • Error 431 - This page isn't working
  • Contact Us
Visit the University of North Carolina at Charlotte homepage
Visit the University of North Carolina at Charlotte homepage

What can we help you find?

  • Academics
  • Admissions
  • Campus Life
  • Research
  • Athletics
  • About
  • Apply
  • Visit
  • Give
  • News & Events
  • Directory
  • My UNC Charlotte
  • Quick Links
    • Majors & Minors
    • Graduate Programs
    • Calendar
    • Campus Maps
    • Class Registration
    • Financial Aid
    • Housing
    • Library
    • Report an Incident
  • Resources
    • Prospective Students
    • Alumni & Friends
    • Faculty & Staff
    • Current Students
    • Parents & Family
  • Colleges
    • Arts & Architecture
    • Business
    • Computing & Informatics
    • Education
    • Engineering
    • Health & Human Services
    • Humanities & Earth and Social Sciences
    • Sciences
    • Graduate School
  • Quick Links
    • Majors & Minors
    • Graduate Programs
    • Calendar
    • Campus Maps
    • Class Registration
    • Financial Aid
    • Housing
    • Library
    • Report an Incident
  • Resources
    • Prospective Students
    • Alumni & Friends
    • Faculty & Staff
    • Current Students
    • Parents & Family
  • Colleges
    • Arts & Architecture
    • Business
    • Computing & Informatics
    • Education
    • Engineering
    • Health & Human Services
    • Humanities & Earth and Social Sciences
    • Sciences
    • Graduate School
Hydraulic Help Guide
  • Get Started
  • Content Type
  • Component
    • Accordion
    • Articles
    • Big Image / Video
    • Block Link
    • Call to Action (CTA) Grid
    • Call to Action (CTA)
    • Embed a Widget
    • Filtered View
    • Form Embed
    • From Library
    • Gallery
    • Icon Card
    • Image Card
    • Link Lists
    • Office Information / Hours
    • Paragraph (Component) Library
    • People Cards
    • Section Tab
    • Sidebar Menu
    • Slider
    • Social Media
    • Statistic Card
    • Testimonial
    • Text
    • v4 Block
    • v4 Box
    • v4 Factoid / Quick Link
    • v4 List
    • v4 Media Grid
  • Media
  • Resources
    • Campus Event Widgets
    • Error 431 - This page isn't working
  • Contact Us

Breadcrumb

  1. Home
  2. Component

Component

Drupal uses components, also known as paragraphs, to supplement basic pages and other content types with modular pieces of content. These allow you the ability to create flexible content for your website, making it easier to manage complex layouts and designs.

Components can be created as single elements using the Content field on each content type. Doing so allows you to create feature rich paragraphs on each page using an easy to use interface for the order in which to display them. Components can also be created as reusable elements used across multiple pieces of content.

There are many different types of components that you can use in Hydraulic. These includes elements likes text, images, video, testimonials, and more. Think of these as sections of a newspaper article or essay. Each component has the flexibility to have a different layout to keep the visitor engaged with the content.

As with any site migration to a newer version some component/paragraphs are removed to make way for newer ones. In additional to listing all the new and exciting components, we've also provided a list of all the older components while we work on migrating everyone to the newer standards.

Jump to Section
  • Standard v5 Components
  • Custom Hydraulic v5 Components
  • Hydraulic v4 Paragraphs
  • Paragraph (Component) Library
    Reusable components to be shared across multiple pieces of content and maintained in a centralized location.
  • Text
    Provides a simple text editor to create content using paragraphs of text and inserting images and/or videos.
  • Accordion
    Content is displayed in compact collapsible sections of content.
    Useful for content like FAQs, definitions, policies, etc.
  • Testimonial
    Provides a simple way to highlight quotes or excerpts of text from the page.
  • Article Cards
    Allows for articles to be highlighted in different ways to bring attention to them.
  • People Cards
    Highlight student, staff, or faculty information in a simple and easy to read format.
  • Statistic Card
    Highlight important figures using numerical values.
  • Icon Card
    Use icons to call out important information
  • Image Card
    Use images to call out important information
  • Big Image / Video
    Ability to add a large image or video as a section on the page.
  • Gallery
    Ability to add a gallery of images as a carousel, strict grid, or non-strict grid.
  • Slider
    Allows for content to be highlighted through the use of content or image slides users can navigate through.
  • Block Link
    Highlight links in a unique way with or without a short description.
  • Link List
    Display a list of links in a unique manner with a title and short description above.
  • Call to Action (CTA)
    Create various CTA layouts to highlight specific topics.
  • CTA Grid
    Use cards with or without images to highlight links.
  • From Library
    Include reusable shared components from the Paragraph library on the page.
  • Embed a Widget
    Add external content like Google Docs, Tableau info graphics, or Campus Events widgets on your site.
  • Sidebar Menu
    Ability to add a child page or jump links menu to the sidebars of a page. This aids the user in site navigation, making information flow better between pages.

Custom Hydraulic v5 Components

  • Section Tab
    Display content in tabs for ease of display, used for a variety of uses.
  • Office Info / Hours
    Ability to add Office information and hours in a simple and easy to read format.
  • Social Media
    Ability to highlight and link to social media accounts
  • Filtered View
    Display pre-built views of content into your page. These could be staff directories, or listing of articles.
  • Form Embed
    Embed Drupal webforms into your page with an image or description.

Hydraulic v4 Paragraphs

  • Block
    Ability to display Custom Blocks or prebuilt views based on content types.
  • Box
    Allows for content to be placed in highlighted boxes to separate content.
  • Factoid / Quick Link
    Similar to an infographic, this allows icons or images to be used to link to more information.
  • List
    Ability to create searchable lists which can be useful for an Organization Directory, Glossary, Social Media Lists, etc.
  • Media Grid
    Display images in a grid pattern. Great for using as a menu, infographic, or combination of these.

Visit the University of North Carolina at Charlotte homepage

Main Campus Address

9201 University City Blvd
Charlotte, NC 28223

The Dubois Center Address

320 East 9th Street
Charlotte, NC 28202

Phone

704-687-8622
  • Resources

    • Alumni Association
    • Map & Directions
    • Parking & Transportation
    • Directory
    • Library
    • Give
    • Partnerships
    • Careers
    • Contact Us
    • Terms of Use
    • University Policies
  • Health & Safety

    • Alerts
    • Report an Incident
    • Emergency Response
    • Health and Safety

  • Alumni Association
  • Map & Directions
  • Parking & Transportation
  • Directory
  • Library
  • Give
  • Partnerships
  • Careers
  • Contact Us
  • Terms of Use
  • University Policies

  • Alerts
  • Report an Incident
  • Emergency Response
  • Health and Safety
2025 UNC Charlotte. All rights reserved.