Tabs (Tab Set)

Tabs (Tab Set)

A tab is a clickable area at the top of a window that shows another page or area.

See an example of this content type

Adding a Tab Set

  • From the paragraph builder select the button labeled Add Tab Set

  • Enter the heading for the Tab Set in the Tab Set Title field.

  • Select whether the Title should be aligned left or centered. The default is hidden.

  • Select a Theme color for this Tab Set.

Options include Maricopa Blue, the College Primary theme, as well as Light and Dark options.

  • Under Horizontal Border, choose whether you want to add a Horizontal Border to the top, bottom or both top and bottom of this text block area. The default is none (ie. no border).

  • Add an individual Tab with the Tab Builder.

Adding an Individual Tab

  • From the tab builder select the button labeled Add Individual Tab

  • Enter the label for the Tab in the Tab Label field.

This is the top link to activate this tab, it is limited to 25 characters.

  • Select a Background Image for the tab and use the file uploader to upload the image.

5 MB limit.

Allowed types: png gif jpg jpeg.

Images must be larger than 1600x600 pixels.

  • Specify the Horizontal Position as a percentage.

  • Enter your heading in the Title field.

  • Select your Title Alignment. You can choose either Left or Center.

  • Add your content to the Body field.

  • Select your Body Alignment. You can choose either Left or Center (Center is the default).

When editing an existing Individual Tab. You may be prompted to set a value for the Body Alignment, since it is a required field.

  • If you would like a CTA button, use this CTA Button field to add a URL and Link Text

The Link text displays on the Button and is the call-to-action for this tab. The URL defines the page link.