Documentation: Widget Tabs

skip window navigation skip this window

Description

The following code and options are required in order for the widget to be transformed.

Options

Div class must be set to "tabgroup"

Available attributes include:

title - Specifies the title of the tab
class="selected" - Specifies the tab to be selected
url="http://www.google.com" - Specifies that the tab be filled with the contents specified in the url
height="80%" - Specifies the height of the content inside
width="80%" - Specifies the width of the content inside

Example

TODO - Fix presentation of these tabs (or is this it)

Show Source

<div class="tabgroup">
	<section title="tab1">
		Add tab1 content here.
	</section>        
	<section title="tab2" class="selected">
		Add tab2 content here.
	</section>
	<section title="tab3" url="http://www.google.com">
	</section>        
</div>

tab1
tab2
tab3

Add tab1 content here.

Add tab2 content here.