Creating a Tabs Widget

Get Started

A Tabs widget will vary in height from tab-to-tab, depending upon how much content the tab has (see example at bottom of page).

 

Create Tabs Widgets

Go to _widgets/YOUR FOLDER/widget-tabs.

Note: If you don't see a folder widget-tabs, you can create one. Highlight _widgets/Your Folder, then go to New/Default/Folder. Give it a system name of "widget-tabs" and click Submit to save it in the system.

With the widgets-tabs folder highlighted, click New » Widgets » Widget Tabs.

tabs-widget.png
  1. Change:
    • System name (use lower case, no spaces)
    • Display name
    • Title
  2. Add Additional Tabs: Click the green plus icon to add more or the red minus icon to remove them. Use the up/down arrows to change the order in which the tabs appear.
  3. Add Tab Labels: Give each tab a short but descriptive label.
  4. Choose Add Widget or WYSIWYG. You can either add a previously made widget, or use the text editor to add content directly to the tab.
  5. Click on Submit to save your work.
  6. Publish (or send the request to publish). Widgets must be published separately from your page.
  7. Your widget is now ready to add to your web page.

Insert Tabs widget on your page

Screencap of the Insert Widget into widget row controls

Sample Tabs Widget:

JABBERWOCKY

Lewis Carroll
(from Through the Looking-Glass and What Alice Found There, 1872)

`Twas brillig, and the slithy toves
  Did gyre and gimble in the wabe:
All mimsy were the borogoves,
  And the mome raths outgrabe.

"Beware the Jabberwock, my son!
  The jaws that bite, the claws that catch!
Beware the Jubjub bird, and shun
  The frumious Bandersnatch!"

jabberwock350x525.jpgHe took his vorpal sword in hand:
  Long time the manxome foe he sought -
So rested he by the Tumtum tree,
  And stood awhile in thought.

And, as in uffish thought he stood,
  The Jabberwock, with eyes of flame,
Came whiffling through the tulgey wood,
  And burbled as it came!

One, two! One, two! And through and through
  The vorpal blade went snicker-snack!
He left it dead, and with its head
  He went galumphing back.

"And, has thou slain the Jabberwock?
  Come to my arms, my beamish boy!
O frabjous day! Callooh! Callay!'
  He chortled in his joy.

`Twas brillig, and the slithy toves
  Did gyre and gimble in the wabe;
All mimsy were the borogoves,
  And the mome raths outgrabe.

Tab One

JABBERWOCKY

Lewis Carroll
(from Through the Looking-Glass and What Alice Found There, 1872)

`Twas brillig, and the slithy toves
  Did gyre and gimble in the wabe:
All mimsy were the borogoves,
  And the mome raths outgrabe.

"Beware the Jabberwock, my son!
  The jaws that bite, the claws that catch!
Beware the Jubjub bird, and shun
  The frumious Bandersnatch!"

Tab Two

jabberwock350x525.jpgHe took his vorpal sword in hand:
  Long time the manxome foe he sought -
So rested he by the Tumtum tree,
  And stood awhile in thought.

And, as in uffish thought he stood,
  The Jabberwock, with eyes of flame,
Came whiffling through the tulgey wood,
  And burbled as it came!

One, two! One, two! And through and through
  The vorpal blade went snicker-snack!
He left it dead, and with its head
  He went galumphing back.

Tab Three

"And, has thou slain the Jabberwock?
  Come to my arms, my beamish boy!
O frabjous day! Callooh! Callay!'
  He chortled in his joy.

`Twas brillig, and the slithy toves
  Did gyre and gimble in the wabe;
All mimsy were the borogoves,
  And the mome raths outgrabe.