Comparing versions
Version 3Current version
Tabbed Pages

Creating tabbed pages in Bitweaver is made extremely easy through the use of
custom smarty tags provided by the framework.

You can use the following tags within a smarty template file
to set this up:

{jstabs}
defines a block of multiple tabs. End the block with {/jstabs}

{jstab title="Text to appear on Tab"}
defines one of the tabbed pages along with the text that will appear
in the tab area. End with {/jstab}

{legend legend="Page Legend"}
Places the legend text at the top of the page formatted according the
current css rules in use. End with {/legend}

Example:

{jstabs}
{jstab title="Sample Tab1"}
{legend legend="This is the Legend"}

Anything you put here will be on a tab

{/legend}
{/jstab}

{jstab title="Sample Tab2"}
{legend legend="Tab2 Legend Text"}

This is on the second tabbed page

{/legend}
{/jstab}

{jstab title="Sample Tab3"}
{legend legend="And now were at tab 3"}

Anything you put here will be on a tab

{/legend}
{/jstab}
{/jstabs}

And the result looks like this (using the default style)







link
link

 
Creating tabbed pages in Bitweaver is made extremely easy through the use of custom smarty tags provided by the framework.

You can use the following tags within a smarty template file to set this up:

{jstabs} defines a block of multiple tabs. End the block with {/jstabs}

{jstab title="Text to appear on Tab"} defines one of the tabbed pages along with the text that will appear in the tab area. End with {/jstab}

{legend legend="Page Legend"} Places the legend text at the top of the page formatted according the current css rules in use. End with {/legend}


Example:
{code()}
{jstabs}
{jstab title="Sample Tab1"}
{legend legend="This is the Legend"}

Anything you put here will be on a tab page

{/legend}
{/jstab}

{jstab title="Sample Tab2"}
{legend legend="Tab2 Legend Text"}

This is on the second tabbed page

{/legend}
{/jstab}

{jstab title="Sample Tab3"}
{legend legend="And now were at tab 3"}

Anything you put here will be on a tab page

{/legend}
{/jstab}
{/jstabs}
{code}

And the result looks like this (using the default style)




Page History
Date/CommentUserIPVersion
12 Aug 2005 (05:50 UTC)
MsTeryGuest69.164.216.2104
Current • Source
MsTeryGuest69.164.216.2103
View • Compare • Difference • Source