Section Tab

This is a custom component created for the Hydraulic platform and is not currently available in the university WordPress offering. You can see it being utilized throughout this site to give information about components or content types.

Section Tab Fields
Create / Edit a Section Tab

Published - Select or unselect to make component visible or not to site visitors. Defaults to published
Background Color (required) - Choose the colors which to use when displaying the component
- White, Black, Gray
Section Header (optional)
- Include in Jump Links Menu - Select or unselect to make section title an anchor link
- Section Title - Give the section a title that will help identify the component. This also doubles as an anchor link for the section when using the Current Page Section Menu on Basic Pages
- Description - Short description that helps further explain the section
- Button Color - Color of the CTA button (green, gold)
- Button Link URL / Text - Identify where the button should take visitors and what the button should say
Title (required) - Individual section title, used to indicate and switch between each tab
Body (required) - Text that will be displayed when the tab is selected

Instructions start on the Create or Edit Page within a piece of content.

Create Content using the Add Component button
Choose Section Tab from the list of Components in the Text section
OR
Edit Content using the Edit button
Switch the Published field on or off for the component to be published or unpublished
(required) Choose the Background Color for the component (white, black, gray)
(Optional) Section Header allows for the creation of a Call to Action (CTA) to display above the section.
1. Include in Jump Links Menu (defaults to yes)
2. Section Title
3. Description
4. Button Color (green, gold)
5. Button Link URL / Text
Set the Title which will be used to indicate and switch between each tab
Give the Body some content to display when the tab is selected
Click Add Tab Item to add more tabs
Repeat steps 6-8 until desired number of tabs has been reached
1. Maximum number of 4 tabs allowed per section tab component

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Example with gray background

Section Tab 1
Section Tab 2

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.