SJC 2023 - Two Up and Three Up Panel content type details

ID: 577
Name: SJC 2023 - Two Up and Three Up Panel
Description: Each two up and three up panel is a separate piece of content.

Content element details

NameDescriptionSizeTypeRequired
NameThe Name Element80 CharactersPlain TextYes
Section Heading (H2)Enter the title for the content80 CharactersPlain TextNo
Section DescriptionEnter the brief description of the content400 CharactersPlain TextNo
Panel ColorSelect the color from the dropdown80 CharactersSelect BoxNo
Panel TypeSelect the panel type from the dropdown80 CharactersSelect BoxNo
Panel Title (H3)Title for example “How do I apply for a course”150 CharactersPlain TextYes
Panel Title Link (internal)Select a section/content for an internal link80 CharactersSection/Content LinkNo
Panel Title Link (external)Only enter this if you are NOT entering an internal link99999 CharactersPlain TextNo
Panel Title Link (PDF)Select a PDF from the media library80 KilobytesMediaNo
Open Title Link in new windowSelect to open Title Link in a new window80 CharactersCheck BoxNo
Panel DescriptionContent for the expanded tab. Supports rich text such as bold, italics.5000 CharactersHTMLYes
Panel CTA TextEnter the text for the Call to Action80 CharactersPlain TextNo
Panel CTA Link (internal)Select a section/content for an internal link80 CharactersSection/Content LinkNo
Panel CTA Link (external)Only enter this if you are NOT entering an internal link99999 CharactersPlain TextNo
Panel CTA Link (PDF)Select a PDF from the media library80 KilobytesMediaNo
Open CTA Link in new windowSelect to open Panel Link in a new window80 CharactersCheck BoxNo

How to use

A block containing panels in either two or three columns. Each panel is separate piece of content and has a title and a description, with the option to add a link to the title and a call-to-action link.

For both Title and CTA links, use either an internal link (ignore the Use default link text checkbox), enter an external link or select a PDF from the Media Library (only use one).  Select the open in new window checkbox to have external links open in a new window.

Use the Panel Type drop down to select either Two Up Panel (two columns) or Three Up Panel (three columns). The Panel Color drop down sets the color of the panels - either white, purple or gray. Both Panel Color and Panel Type should be set in the first panel and will apply to all the panels.

There is the option to add a section heading and description at the top of block. These fields should be populated in the first panel only.

Content link test: 

Panel 2

Panel 5

Examples

Section Heading

This is the Section Description text. The Panel Color has been set to purple. The Panel Type has been set to Two Up Panel.

Panel Title 1

This is the Panel Description text for the first panel.

Panel CTA Text 1 (internal link)

Panel Title 2 (with internal link)

This is the Panel Description text for the second panel. No call to action link.

Panel CTA Text 2 (PDF Link)

Panel Title 3 (with PDF link)

This is the Panel Description text for the third panel.

Panel CTA Text 3 (external link)

Panel Title 4

This is the Panel Description text for the fourth panel.

Panel CTA Text 4 (external link opening in new window)

Panel Title 5 (with external link)

This is the Panel Description text for the fifth panel. No call to action link.

Panel Title 6 (with external link opening in new window)

This is the Panel Description text for the sixth panel. No call to action link.