Quote Panels

Components included on this page:

• Quote Panel + Chevron
• Quote Panel Expanded
• Quote Panel Short
• Quote Panel Text Only

Quote Panel + Chevron

The Quote Panel + Chevron component...

• Section Label [Short Text] (optional): Faculty Feature
• Name [Short Text]: Dr. Jenny Katz
• Story Page Destination [File Chooser]: Select/enter a destination for the linked Name
• Title [Short Text]: Professor, Department of Aerospace Engineering
• Quote [Long Text]: Our team is beginning to understand lorem ipsum dolor in this research.
• Image [Image Chooser]: Select the image to be displayed in the component
• Heading Overlay [Short Text] (optional): Text displayed over the image: Our faculty excel in the classroom & the lab
• Bottom Link Text [Short Text] (optional): Text displayed for the bottom link: See All Faculty
• Bottom Link Page Destination [File Chooser] (optional): Select/enter a destination for the Bottom Link Text

Quote Panel Expanded

The Quote Panel Expanded component...

• Heading [Short Text] (optional): Story Display Ipsum Sit H2
• Introductory Text [Long Text] (optional): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sagittis purus venenatis nisl posuere volutpat.
• Animation [Checkbox: Fade In]: If checked (default), content will fade in as the component scrolls into view.
• Image [Image Chooser]: Image displayed in circle (image should be square, the circle effect is done in CSS)
• Name [Short Text]: Jane Doe
• Title [Short Text]: 2014 AA, Liberal Arts
• Quote [Short Text]: As part of the Femineer Program, I was able to inspire young women to pursue their passions in STEM.
• Caption [Short Text] (optional): Block for featuring a student story, with an optional caption for providing more detail.
• Link [File Chooser] (optional): Destination for the linked Image and Name

Quote Panel Short

The Quote Panel Short component...

• Heading [Short Text] (optional): Student Highlight
• Animation [Checkbox: Fade In]: If checked (default), content will fade in as the component scrolls into view.
• Image [Image Chooser]: Image should be square (circle effect is done in CSS).
• Name [Short Text]: Jane Doe
• Story Page Destination [File Chooser] (optional): Choose a page or enter URL for the destination of the linked Image and Name.
• Graduating Year [Short Text] (optional): '21
• Quote [Long Text]: As a part of the Femineer Program, I was able to inspire young women to pursue their passions in STEM, without any barriers.
• Bottom Link Text [Short Text] (optional): Community Engagement
• Bottom Link Page Destination [File Chooser] (optional): Choose a page or enter URL for the destination of the Bottom Link.

Quote Panel Text Only

The Quote Panel Text Only component...

• Name [Short Text] (optional): Jane Doe
• Link Destination [File Chooser] (optional): Choose a file or enter URL for the destination of the linked Name.
• Graduating Year [Short Text] (optional): '19
• Major [Short Text] (optional): Sociology
• Quote [Short Text]: The focused education I got at SDSU allowed me to lorem ipsum dolor sit.

Works in [WYSIWYG] Container, too

The Quote Panel Text Only component now works in the [WYSIWYG] Container or in News Articles, with a slightly different appearance.

“The focused education I got at SDSU allowed me to lorem ipsum dolor sit.”

“This is a quote panel without any of the optional fields included”