History of CreateTabbedPages
Version 3 | Current 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 | 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) |