Parameters

Arrange content in tabs
Introduced in Tiki 4. Required parameters are in bold.
Go to the source code
Preferences required: wikiplugin_tabs

Parameters	Accepted Values	Description	Default	Since
(body of plugin)		Tabs content, separated by "/////"
`tabs`	text	Pipe-separated list of tab titles. Example:`tab 1\|tab 2\|tab 3`		4.0
`panelbgcolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`panelbordercolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`panelborderwidth`	text	To change the width of panel border in pixels (1 by default). For example: 3 for 3 pixels	1	25.0
`panelfontsize`	text	To set the size of the text in pixels. For example: 20 for 20 pixels	16	25.0
`paneltextcolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`tabactivebgcolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`tabactivetextcolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`tabbgcolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`tabbordercolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`tabborderwidth`	text	To change the width of tabs border in pixels (1 by default). For example: 3 for 3 pixels	1	25.0
`tabfontsize`	text	To set the size of the tabs text in pixels. For example: 20 for 20 pixels	16	25.0
`tabtextcolor`	text	Enter a valid CSS color hex code, or an RGBA value if setting opacity is desired; for example: #000 or rgba(00, 00, 00, 0.5).		25.0
`name`	text	Unique tabset name (if you want the last state to be remembered). Example:`user_profile_tabs`		4.0
`inside_pretty`	(blank) n y	Parse pretty tracker variables within tabs	n	8.0
`panelborderstyle`	(blank)\| none\| hidden\| dotted\| dashed\| solid\| double\| groove\| ridge\| inset\| outset	Determine the kind of border to apply to the panels	none	25.0
`panelfontweight`	(blank) normal bold bolder lighter 900	Use to define the thickness of the text characters to be displayed in the panels	normal	25.0
`paneltextstyle`	(blank) normal italic oblique	Use to change the panels text style	normal	25.0
`tabborderstyle`	(blank)\| none\| hidden\| dotted\| dashed\| solid\| double\| groove\| ridge\| inset\| outset	Determine the kind of border to apply to the tabs	none	25.0
`direction`	(blank) horizontal vertical	Change direction of tabs (horizontal by default).	horizontal	25.0
`tabfontstyle`	(blank) normal italic oblique	Use to specify the font style of the tabs text	normal	25.0
`tabfontweight`	(blank) normal bold bolder lighter 900	Use to define the thickness of the text characters to be displayed in the tabs	normal	25.0
`toggle`	(blank) y n	Allow toggling between tabs and no-tabs view	y	8.0

Example

This code:

Copy to clipboard

{TABS(name="user_tabset_01" tabs="Title 1|Title 2|Title3")}This is the content of the first tab
/////
This is the content of the second tab
/////
This is the content of the third tab
{TABS}

Would produce:

This is the content of the first tab

This is the content of the second tab

This is the content of the third tab

When clicking on a tab name, the content of each tab is loaded and shown without refreshing the browser window.

And when clicking on the "No Tabs" option, the display would change into:

Related pages
PluginPageTabs

Aliases
Plugintabs \| Plugintab \| PluginTab \| Plugin Tabs \| Plugin tabs

PluginTabs