Facebook Pixel Tab Snippets | Western Kentucky University Skip to main content

Tab Snippets


The Tabs Snippet organizes your content in different panels, and each panel is viewable one at a time. Each panel of content is displayed by clicking the content’s corresponding tab control.

 

Available Settings

TAB-STYLE
Controls the look and feel of the tab snippet. (Options: STYLE-1, STYLE-2)

TAB-FILL
Controls the spacing of each tab. When this option is set to YES, the tabs will expand equally to fill the width of the Tabs Snippet. When this option is set to NO, each tab will only grow to be as wide as its Tab Header text. (Options: YES, NO)

TAB-BORDER
Controls whether or not a border should be shown around the tab content. (Options: YES, NO)

 

Active Tabs

To link directly to a specfic tab, an anchor (  ) tag can be added to any Tab Header cell. By doing so, #anchor-name can be appended to the end of the page URL to make the desired tab active when the page loads.

 

Example #1

This example makes use of the STYLE-1 TAB-STYLE setting, which displays each tab with a white background and outlines the currently selected tab with a border. A border also separates the tabs from their content. In this example, TAB-BORDER is set to NO.

Body of First Tab

Column one of the table is called "Tab Header". This is where you can edit the title of one of your tabs.

Column two of the table is called "Content of Tab". This is where you can edit the content that is displayed in that tab.

Body of Second Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Primate funny monkeys spider monkey spider. Zoo rainforest baby monkey spider. Baby capuchin exotic banana. Space monkey endangered primate. Howler funny monkeys endangered. Howler capuchin spider.

Baby capuchin. Banana arboreal spider banana space monkey. Banana endangered howler. Zoo space monkey. Rainforest monkey rainforest capuchin endangered. Primate arboreal.

Arboreal space monkey. Primate rainforest banana. Banana zoo tree spider. Rainforest capuchin exotic tree funny monkeys. Arboreal monkey banana. Capuchin banana primate baby primate. Monkey monkey howler spider tree. Baby zoo baby. Primate primate tree space monkey exotic.

Body of Third Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Funny monkeys tree. Funny monkeys zoo spider tree howler. Monkey monkey primate arboreal exotic. Baby arboreal endangered. Tree arboreal. Monkey zoo banana rainforest tree. Primate space monkey exotic. Zoo exotic. Rainforest howler exotic howler zoo. Endangered exotic exotic.

Endangered tree capuchin zoo. Arboreal primate. Rainforest space monkey endangered. Endangered zoo howler baby. Baby capuchin monkey. Rainforest howler space monkey. Exotic arboreal baby banana monkey. Rainforest rainforest endangered. Primate spider.

Spider exotic funny monkeys. Banana rainforest arboreal arboreal arboreal. Capuchin primate spider. Space monkey banana. Endangered tree funny monkeys endangered. Banana banana. Tree primate funny monkeys banana. Capuchin zoo tree exotic capuchin. Arboreal endangered. Capuchin exotic rainforest monkey.

 

Tabs Snippet
TAB-STYLE STYLE-1
TAB-FILL NO
TAB-BORDER NO
Tab Header Content of Tab
Tab Header 1

Body of First Tab

Column one of the table is called "Tab Header". This is where you can edit the title of one of your tabs.

Column two of the table is called "Content of Tab". This is where you can edit the content that is displayed in that tab.

Tab Header 2

Body of Second Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Primate funny monkeys spider monkey spider. Zoo rainforest baby monkey spider. Baby capuchin exotic banana. Space monkey endangered primate. Howler funny monkeys endangered. Howler capuchin spider.

Baby capuchin. Banana arboreal spider banana space monkey. Banana endangered howler. Zoo space monkey. Rainforest monkey rainforest capuchin endangered. Primate arboreal.

Arboreal space monkey. Primate rainforest banana. Banana zoo tree spider. Rainforest capuchin exotic tree funny monkeys. Arboreal monkey banana. Capuchin banana primate baby primate. Monkey monkey howler spider tree. Baby zoo baby. Primate primate tree space monkey exotic.

Tab Header 3

Body of Third Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Funny monkeys tree. Funny monkeys zoo spider tree howler. Monkey monkey primate arboreal exotic. Baby arboreal endangered. Tree arboreal. Monkey zoo banana rainforest tree. Primate space monkey exotic. Zoo exotic. Rainforest howler exotic howler zoo. Endangered exotic exotic.

Endangered tree capuchin zoo. Arboreal primate. Rainforest space monkey endangered. Endangered zoo howler baby. Baby capuchin monkey. Rainforest howler space monkey. Exotic arboreal baby banana monkey. Rainforest rainforest endangered. Primate spider.

Spider exotic funny monkeys. Banana rainforest arboreal arboreal arboreal. Capuchin primate spider. Space monkey banana. Endangered tree funny monkeys endangered. Banana banana. Tree primate funny monkeys banana. Capuchin zoo tree exotic capuchin. Arboreal endangered. Capuchin exotic rainforest monkey.

 


 

Example #2

This example makes use of the STYLE-1 TAB-STYLE setting, which displays each tab with a white background and outlines the currently selected tab with a border. A border also separates the tabs from their content. In this example, TAB-BORDER is set to YES, outlining the tab content with a border.

Body of First Tab

Column one of the table is called "Tab Header". This is where you can edit the title of one of your tabs.

Column two of the table is called "Content of Tab". This is where you can edit the content that is displayed in that tab.

Body of Second Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Primate funny monkeys spider monkey spider. Zoo rainforest baby monkey spider. Baby capuchin exotic banana. Space monkey endangered primate. Howler funny monkeys endangered. Howler capuchin spider.

Baby capuchin. Banana arboreal spider banana space monkey. Banana endangered howler. Zoo space monkey. Rainforest monkey rainforest capuchin endangered. Primate arboreal.

Arboreal space monkey. Primate rainforest banana. Banana zoo tree spider. Rainforest capuchin exotic tree funny monkeys. Arboreal monkey banana. Capuchin banana primate baby primate. Monkey monkey howler spider tree. Baby zoo baby. Primate primate tree space monkey exotic.

Body of Third Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Funny monkeys tree. Funny monkeys zoo spider tree howler. Monkey monkey primate arboreal exotic. Baby arboreal endangered. Tree arboreal. Monkey zoo banana rainforest tree. Primate space monkey exotic. Zoo exotic. Rainforest howler exotic howler zoo. Endangered exotic exotic.

Endangered tree capuchin zoo. Arboreal primate. Rainforest space monkey endangered. Endangered zoo howler baby. Baby capuchin monkey. Rainforest howler space monkey. Exotic arboreal baby banana monkey. Rainforest rainforest endangered. Primate spider.

Spider exotic funny monkeys. Banana rainforest arboreal arboreal arboreal. Capuchin primate spider. Space monkey banana. Endangered tree funny monkeys endangered. Banana banana. Tree primate funny monkeys banana. Capuchin zoo tree exotic capuchin. Arboreal endangered. Capuchin exotic rainforest monkey.

 

Tabs Snippet
TAB-STYLE STYLE-1
TAB-FILL NO
TAB-BORDER YES
Tab Header Content of Tab
Tab Header 1

Body of First Tab

Column one of the table is called "Tab Header". This is where you can edit the title of one of your tabs.

Column two of the table is called "Content of Tab". This is where you can edit the content that is displayed in that tab.

Tab Header 2

Body of Second Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Primate funny monkeys spider monkey spider. Zoo rainforest baby monkey spider. Baby capuchin exotic banana. Space monkey endangered primate. Howler funny monkeys endangered. Howler capuchin spider.

Baby capuchin. Banana arboreal spider banana space monkey. Banana endangered howler. Zoo space monkey. Rainforest monkey rainforest capuchin endangered. Primate arboreal.

Arboreal space monkey. Primate rainforest banana. Banana zoo tree spider. Rainforest capuchin exotic tree funny monkeys. Arboreal monkey banana. Capuchin banana primate baby primate. Monkey monkey howler spider tree. Baby zoo baby. Primate primate tree space monkey exotic.

Tab Header 3

Body of Third Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Funny monkeys tree. Funny monkeys zoo spider tree howler. Monkey monkey primate arboreal exotic. Baby arboreal endangered. Tree arboreal. Monkey zoo banana rainforest tree. Primate space monkey exotic. Zoo exotic. Rainforest howler exotic howler zoo. Endangered exotic exotic.

Endangered tree capuchin zoo. Arboreal primate. Rainforest space monkey endangered. Endangered zoo howler baby. Baby capuchin monkey. Rainforest howler space monkey. Exotic arboreal baby banana monkey. Rainforest rainforest endangered. Primate spider.

Spider exotic funny monkeys. Banana rainforest arboreal arboreal arboreal. Capuchin primate spider. Space monkey banana. Endangered tree funny monkeys endangered. Banana banana. Tree primate funny monkeys banana. Capuchin zoo tree exotic capuchin. Arboreal endangered. Capuchin exotic rainforest monkey.

 


 

Example #3

This example makes use of the STYLE-2 TAB-STYLE setting, which displays each tab with a white background, except for the currently selected tab, which is displayed with a red background and white text. In this example, TAB-BORDER is set to NO.

Body of First Tab

Column one of the table is called "Tab Header". This is where you can edit the title of one of your tabs.

Column two of the table is called "Content of Tab". This is where you can edit the content that is displayed in that tab.

Body of Second Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Primate funny monkeys spider monkey spider. Zoo rainforest baby monkey spider. Baby capuchin exotic banana. Space monkey endangered primate. Howler funny monkeys endangered. Howler capuchin spider.

Baby capuchin. Banana arboreal spider banana space monkey. Banana endangered howler. Zoo space monkey. Rainforest monkey rainforest capuchin endangered. Primate arboreal.

Arboreal space monkey. Primate rainforest banana. Banana zoo tree spider. Rainforest capuchin exotic tree funny monkeys. Arboreal monkey banana. Capuchin banana primate baby primate. Monkey monkey howler spider tree. Baby zoo baby. Primate primate tree space monkey exotic.

Body of Third Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Funny monkeys tree. Funny monkeys zoo spider tree howler. Monkey monkey primate arboreal exotic. Baby arboreal endangered. Tree arboreal. Monkey zoo banana rainforest tree. Primate space monkey exotic. Zoo exotic. Rainforest howler exotic howler zoo. Endangered exotic exotic.

Endangered tree capuchin zoo. Arboreal primate. Rainforest space monkey endangered. Endangered zoo howler baby. Baby capuchin monkey. Rainforest howler space monkey. Exotic arboreal baby banana monkey. Rainforest rainforest endangered. Primate spider.

Spider exotic funny monkeys. Banana rainforest arboreal arboreal arboreal. Capuchin primate spider. Space monkey banana. Endangered tree funny monkeys endangered. Banana banana. Tree primate funny monkeys banana. Capuchin zoo tree exotic capuchin. Arboreal endangered. Capuchin exotic rainforest monkey.

 

Tabs Snippet
TAB-STYLE STYLE-2
TAB-FILL NO
TAB-BORDER NO
Tab Header Content of Tab
Tab Header 1

Body of First Tab

Column one of the table is called "Tab Header". This is where you can edit the title of one of your tabs.

Column two of the table is called "Content of Tab". This is where you can edit the content that is displayed in that tab.

Tab Header 2

Body of Second Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Primate funny monkeys spider monkey spider. Zoo rainforest baby monkey spider. Baby capuchin exotic banana. Space monkey endangered primate. Howler funny monkeys endangered. Howler capuchin spider.

Baby capuchin. Banana arboreal spider banana space monkey. Banana endangered howler. Zoo space monkey. Rainforest monkey rainforest capuchin endangered. Primate arboreal.

Arboreal space monkey. Primate rainforest banana. Banana zoo tree spider. Rainforest capuchin exotic tree funny monkeys. Arboreal monkey banana. Capuchin banana primate baby primate. Monkey monkey howler spider tree. Baby zoo baby. Primate primate tree space monkey exotic.

Tab Header 3

Body of Third Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Funny monkeys tree. Funny monkeys zoo spider tree howler. Monkey monkey primate arboreal exotic. Baby arboreal endangered. Tree arboreal. Monkey zoo banana rainforest tree. Primate space monkey exotic. Zoo exotic. Rainforest howler exotic howler zoo. Endangered exotic exotic.

Endangered tree capuchin zoo. Arboreal primate. Rainforest space monkey endangered. Endangered zoo howler baby. Baby capuchin monkey. Rainforest howler space monkey. Exotic arboreal baby banana monkey. Rainforest rainforest endangered. Primate spider.

Spider exotic funny monkeys. Banana rainforest arboreal arboreal arboreal. Capuchin primate spider. Space monkey banana. Endangered tree funny monkeys endangered. Banana banana. Tree primate funny monkeys banana. Capuchin zoo tree exotic capuchin. Arboreal endangered. Capuchin exotic rainforest monkey.

 


 

Example #4

This example makes use of the STYLE-2 TAB-STYLE setting, which displays each tab with a white background, except for the currently selected tab, which is displayed with a red background and white text. In this example, TAB-BORDER is set toYES, outlining the tab content with a border.

Body of First Tab

Column one of the table is called "Tab Header". This is where you can edit the title of one of your tabs.

Column two of the table is called "Content of Tab". This is where you can edit the content that is displayed in that tab.

Body of Second Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Primate funny monkeys spider monkey spider. Zoo rainforest baby monkey spider. Baby capuchin exotic banana. Space monkey endangered primate. Howler funny monkeys endangered. Howler capuchin spider.

Baby capuchin. Banana arboreal spider banana space monkey. Banana endangered howler. Zoo space monkey. Rainforest monkey rainforest capuchin endangered. Primate arboreal.

Arboreal space monkey. Primate rainforest banana. Banana zoo tree spider. Rainforest capuchin exotic tree funny monkeys. Arboreal monkey banana. Capuchin banana primate baby primate. Monkey monkey howler spider tree. Baby zoo baby. Primate primate tree space monkey exotic.

Body of Third Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Funny monkeys tree. Funny monkeys zoo spider tree howler. Monkey monkey primate arboreal exotic. Baby arboreal endangered. Tree arboreal. Monkey zoo banana rainforest tree. Primate space monkey exotic. Zoo exotic. Rainforest howler exotic howler zoo. Endangered exotic exotic.

Endangered tree capuchin zoo. Arboreal primate. Rainforest space monkey endangered. Endangered zoo howler baby. Baby capuchin monkey. Rainforest howler space monkey. Exotic arboreal baby banana monkey. Rainforest rainforest endangered. Primate spider.

Spider exotic funny monkeys. Banana rainforest arboreal arboreal arboreal. Capuchin primate spider. Space monkey banana. Endangered tree funny monkeys endangered. Banana banana. Tree primate funny monkeys banana. Capuchin zoo tree exotic capuchin. Arboreal endangered. Capuchin exotic rainforest monkey.

 

Tabs Snippet
TAB-STYLE STYLE-2
TAB-FILL NO
TAB-BORDER YES
Tab Header Content of Tab
Tab Header 1

Body of First Tab

Column one of the table is called "Tab Header". This is where you can edit the title of one of your tabs.

Column two of the table is called "Content of Tab". This is where you can edit the content that is displayed in that tab.

Tab Header 2

Body of Second Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Primate funny monkeys spider monkey spider. Zoo rainforest baby monkey spider. Baby capuchin exotic banana. Space monkey endangered primate. Howler funny monkeys endangered. Howler capuchin spider.

Baby capuchin. Banana arboreal spider banana space monkey. Banana endangered howler. Zoo space monkey. Rainforest monkey rainforest capuchin endangered. Primate arboreal.

Arboreal space monkey. Primate rainforest banana. Banana zoo tree spider. Rainforest capuchin exotic tree funny monkeys. Arboreal monkey banana. Capuchin banana primate baby primate. Monkey monkey howler spider tree. Baby zoo baby. Primate primate tree space monkey exotic.

Tab Header 3

Body of Third Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Funny monkeys tree. Funny monkeys zoo spider tree howler. Monkey monkey primate arboreal exotic. Baby arboreal endangered. Tree arboreal. Monkey zoo banana rainforest tree. Primate space monkey exotic. Zoo exotic. Rainforest howler exotic howler zoo. Endangered exotic exotic.

Endangered tree capuchin zoo. Arboreal primate. Rainforest space monkey endangered. Endangered zoo howler baby. Baby capuchin monkey. Rainforest howler space monkey. Exotic arboreal baby banana monkey. Rainforest rainforest endangered. Primate spider.

Spider exotic funny monkeys. Banana rainforest arboreal arboreal arboreal. Capuchin primate spider. Space monkey banana. Endangered tree funny monkeys endangered. Banana banana. Tree primate funny monkeys banana. Capuchin zoo tree exotic capuchin. Arboreal endangered. Capuchin exotic rainforest monkey.

 


 

Example #5

This example makes use of the STYLE-2 TAB-STYLE setting, which displays each tab with a white background, except for the currently selected tab, which is displayed with a red background and white text. In this example, TAB-BORDER is set to YES, outlining the tab content with a border; TAB-FILL has been set to YES, causing each tab to be spaced evenly across the Tabs Snippet.

Body of First Tab

Column one of the table is called "Tab Header". This is where you can edit the title of one of your tabs.

Column two of the table is called "Content of Tab". This is where you can edit the content that is displayed in that tab.

Body of Second Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Primate funny monkeys spider monkey spider. Zoo rainforest baby monkey spider. Baby capuchin exotic banana. Space monkey endangered primate. Howler funny monkeys endangered. Howler capuchin spider.

Baby capuchin. Banana arboreal spider banana space monkey. Banana endangered howler. Zoo space monkey. Rainforest monkey rainforest capuchin endangered. Primate arboreal.

Arboreal space monkey. Primate rainforest banana. Banana zoo tree spider. Rainforest capuchin exotic tree funny monkeys. Arboreal monkey banana. Capuchin banana primate baby primate. Monkey monkey howler spider tree. Baby zoo baby. Primate primate tree space monkey exotic.

Body of Third Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Funny monkeys tree. Funny monkeys zoo spider tree howler. Monkey monkey primate arboreal exotic. Baby arboreal endangered. Tree arboreal. Monkey zoo banana rainforest tree. Primate space monkey exotic. Zoo exotic. Rainforest howler exotic howler zoo. Endangered exotic exotic.

Endangered tree capuchin zoo. Arboreal primate. Rainforest space monkey endangered. Endangered zoo howler baby. Baby capuchin monkey. Rainforest howler space monkey. Exotic arboreal baby banana monkey. Rainforest rainforest endangered. Primate spider.

Spider exotic funny monkeys. Banana rainforest arboreal arboreal arboreal. Capuchin primate spider. Space monkey banana. Endangered tree funny monkeys endangered. Banana banana. Tree primate funny monkeys banana. Capuchin zoo tree exotic capuchin. Arboreal endangered. Capuchin exotic rainforest monkey.

 

Tabs Snippet
TAB-STYLE STYLE-2
TAB-FILL YES
TAB-BORDER YES
Tab Header Content of Tab
Tab Header 1

Body of First Tab

Column one of the table is called "Tab Header". This is where you can edit the title of one of your tabs.

Column two of the table is called "Content of Tab". This is where you can edit the content that is displayed in that tab.

Tab Header 2

Body of Second Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Primate funny monkeys spider monkey spider. Zoo rainforest baby monkey spider. Baby capuchin exotic banana. Space monkey endangered primate. Howler funny monkeys endangered. Howler capuchin spider.

Baby capuchin. Banana arboreal spider banana space monkey. Banana endangered howler. Zoo space monkey. Rainforest monkey rainforest capuchin endangered. Primate arboreal.

Arboreal space monkey. Primate rainforest banana. Banana zoo tree spider. Rainforest capuchin exotic tree funny monkeys. Arboreal monkey banana. Capuchin banana primate baby primate. Monkey monkey howler spider tree. Baby zoo baby. Primate primate tree space monkey exotic.

Tab Header 3

Body of Third Tab

Below is just some Funny Monkeys Ipsum text (filler text). It's just some non-sensical babling from our Funny Monkeys.

Funny monkeys tree. Funny monkeys zoo spider tree howler. Monkey monkey primate arboreal exotic. Baby arboreal endangered. Tree arboreal. Monkey zoo banana rainforest tree. Primate space monkey exotic. Zoo exotic. Rainforest howler exotic howler zoo. Endangered exotic exotic.

Endangered tree capuchin zoo. Arboreal primate. Rainforest space monkey endangered. Endangered zoo howler baby. Baby capuchin monkey. Rainforest howler space monkey. Exotic arboreal baby banana monkey. Rainforest rainforest endangered. Primate spider.

Spider exotic funny monkeys. Banana rainforest arboreal arboreal arboreal. Capuchin primate spider. Space monkey banana. Endangered tree funny monkeys endangered. Banana banana. Tree primate funny monkeys banana. Capuchin zoo tree exotic capuchin. Arboreal endangered. Capuchin exotic rainforest monkey.

 


Some of the links on this page may require additional software to view.

 Last Modified 2/12/18