Tabbed Panels

Tabbed panels work similarly to browser tabs in functionality. A heading and its corresponding content are presented in a window, with tabs showing other headings. When a new tab is clicked, the content for that tab is shown. There is a minimum of two tabbed panels and you may not exceed 6 tabs.

To add tabbed panel:

Select Tabbed Panels from the Additional Features (see above for detailed instructions).
Open the box that appears, labeled Add Additional Feature >>Tabbed Panels.
Enter the heading for your panel. This will what the user sees when opening the page.
Enter the content for your panel. When the heading is clicked, the content will appear.
Add additional panels by clicking the green plus sign.

CAT LOVERS ARE SMART

This is where things get controversial. In the study, cat people scored higher on the test of intelligence than dog people. While this doesn’t necessarily hold true to all people in each group, higher intelligence test scores tended to fall within the cat-people category.

DOG LOVERS LOVE PEOPLE

It’s no secret, cats can be a bit standoffish. In this same way, their owners tend to be less outgoing as well. Dog owners, however, were found to enjoy the company of others more. A potential reason for this was offered by the Huffington Post, noting that the lifestyle of a dog owner is a bit more active to begin with as owners take their pets outside and to parks where they have more opportunity to socialize with others.

Furry critters like hamsters, gerbils, mice, or ferrets can provide endless hours of fun and entertainment.

Birds and lizards provide a different kind of pet bonding.

INSTRUCTIONS TO SET FOCUS FOR TABBED PANELS

This can be used to direct users to a specific tabbed panel focus on a page. These are set as external links by adding a small amount of code to the end of a website address (URL):

At the end of the link, add the following: ?tab="Panel Heading"
- The "Panel Heading" is the heading of the panel for which you wish to set the focus.

Below are links to each of the four panels above, with the link address provided.

Cats - https://web.siu.edu/support/template-support/flexbox-samples/tab.php?tab=cats

Dogs - https://web.siu.edu/support/template-support/flexbox-samples/tab.php?tab=dogs

Furry Critters - https://web.siu.edu/support/template-support/flexbox-samples/tab.php?tab=furrycritters

Do not use spaces even if your Panel Heading contains them.

Birds & Lizards - https://web.siu.edu/support/template-support/flexbox-samples/tab.php?tab=birdsamplizards

Replace the "&" symbol with "amp".