2024 Programs Tabs

Home—Component Library—2024 Programs Tabs

Description

Use the 2024 Programs Tabs content type to add a set of four tabs to a Program page.

How to use

Add the Tab Group Heading
Optionally, add a Tab Group Description
Optionally, add the Completion Time
Optionally, add the Degree Credit Hours
Optionally, add the Optional Heading and Optional Description
For each tab:
- Add the Tab Button #
- Add the Tab # Title
- Add the Tab # Description
- Optionally, add the Tab # CTA Text
- If using a CTA button, either select a page for the Tab # CTA internal OR paste in the URL for Tab # CTA external

Example

Tab Group Heading

Tab Group Description text.

Average Completion Time

Completion Time

Degree Credit Hours

Optional Heading

Optional Description

Tab 1 Title

Tab 1 Description text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 1 CTA Text

Tab 2 Title

Tab 2 Description text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 3 Title

Tab 3 Description text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 4 Title

Tab 4 Description text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tab 4 CTA text

2024 Programs Tabs content type details

ID: 216
Name: 2024 Programs Tabs
Description: Add a tabbed list of information to a page

Content element details

Name	Description	Size	Type	Required
Name	The Name element	80 Characters	Plain Text	Yes
Tab Group Heading	Enter text for heading	80 Characters	Plain Text	Yes
Tab Group Description	Enter text for description	150 Characters	Plain Text	No
Completion Time	Enter text	80 Characters	Plain Text	No
Degree Credit Hours	Enter text	80 Characters	Plain Text	No
Optional Heading	Enter text for the third heading	30 Characters	Plain Text	No
Optional Description	Enter text for the third description	80 Characters	Plain Text	No
Tab Button 1	Enter name for tab	50 Characters	Plain Text	Yes
Tab 1 Title	Enter text	80 Characters	Plain Text	Yes
Tab 1 Description	Enter text	500 Characters	Plain Text	Yes
Tab 1 CTA Text	Enter text for CTA	80 Characters	Plain Text	No
Tab 1 CTA internal	Select section for internal link	80 Characters	Section/Content Link	No
Tab 1 CTA external (full URL required)	Only enter this if you are NOT entering an internal link	200 Characters	Plain Text	No
Tab Button 2	Enter name for tab	50 Characters	Plain Text	Yes
Tab 2 Title	Enter text	80 Characters	Plain Text	Yes
Tab 2 Description	Enter text	500 Characters	Plain Text	Yes
Tab 2 CTA text	Enter text for CTA	80 Characters	Plain Text	No
Tab 2 CTA internal	Select section for internal link	80 Characters	Section/Content Link	No
Tab 2 CTA external (full URL required)	Only enter this if you are NOT entering an internal link	80 Characters	Plain Text	No
Tab Button 3	Enter name for tab	50 Characters	Plain Text	Yes
Tab 3 Title	Enter text	80 Characters	Plain Text	Yes
Tab 3 Description	Enter text	500 Characters	Plain Text	Yes
Tab 3 CTA text	Enter text for CTA	80 Characters	Plain Text	No
Tab 3 CTA internal	Select section for internal link	80 Characters	Section/Content Link	No
Tab 3 CTA external (full URL required)	Only enter this if you are NOT entering an internal link	200 Characters	Plain Text	No
Tab Button 4	Enter name for tab	50 Characters	Plain Text	Yes
Tab 4 Title	Enter text	80 Characters	Plain Text	Yes
Tab 4 Description	Enter text	500 Characters	Plain Text	Yes
Tab 4 CTA text	Enter text for CTA	80 Characters	Plain Text	No
Tab 4 CTA internal	Select section for internal link	80 Characters	Section/Content Link	No
Tab 4 CTA external (full URL required)	Only enter this if you are NOT entering an internal link	200 Characters	Plain Text	No