Using the JHtmlTabs class in a component
From Joomla! Documentation
(Difference between revisions)
m (Adjusted link after page move) |
|||
| (4 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
| − | This article covers usage of JHtmlTabs in your Joomla! component for Joomla! versions {{JVer|1.6}} through {{JVer|2.5}} and greater. If you are using Joomla! {{JVer|1.5}}, see [[ | + | This article covers usage of JHtmlTabs in your Joomla! component for Joomla! versions {{JVer|1.6}} through {{JVer|2.5}} and greater. If you are using Joomla! {{JVer|1.5}}, see [[Using the JPane classes in a component]]. |
===Options for JHtmlTabs=== | ===Options for JHtmlTabs=== | ||
| Line 9: | Line 9: | ||
'''startOffset''': The default tab to start with (zero based index). | '''startOffset''': The default tab to start with (zero based index). | ||
| − | '''useCookie''': Whether or not to use cookies to store tab active state. (true | false) | + | '''useCookie''': Whether or not to use cookies to store tab active state. (boolean) (true | false) // This is not a string. Don't use quotes. |
===Example=== | ===Example=== | ||
| Line 22: | Line 22: | ||
title.addClass("closed").removeClass("open"); | title.addClass("closed").removeClass("open"); | ||
}', | }', | ||
| − | ' | + | 'startOffset' => 0, // 0 starts on the first tab, 1 starts the second, etc... |
| + | 'useCookie' => true, // this must not be a string. Don't use quotes. | ||
); | ); | ||
Revision as of 18:20, 3 July 2012
This article covers usage of JHtmlTabs in your Joomla! component for Joomla! versions 
through 
and greater. If you are using Joomla! 
, see Using the JPane classes in a component.
Options for JHtmlTabs
onActive: A callback function when a tab is activated with two params. 'title' is the tab itself, and 'description' is the tab content.
onBackground: A callback function when a tab is backgrounded
startOffset: The default tab to start with (zero based index).
useCookie: Whether or not to use cookies to store tab active state. (boolean) (true | false) // This is not a string. Don't use quotes.
Example
$options = array( 'onActive' => 'function(title, description){ description.setStyle("display", "block"); title.addClass("open").removeClass("closed"); }', 'onBackground' => 'function(title, description){ description.setStyle("display", "none"); title.addClass("closed").removeClass("open"); }', 'startOffset' => 0, // 0 starts on the first tab, 1 starts the second, etc... 'useCookie' => true, // this must not be a string. Don't use quotes. ); echo JHtml::_('tabs.start', 'tab_group_id', $options); echo JHtml::_('tabs.panel', JText::_('PANEL_1_TITLE'), 'panel_1_id'); echo 'Panel 1 content can go here.'; echo JHtml::_('tabs.panel', JText::_('PANEL_2_TITLE'), 'panel_2_id'); echo 'Panel 2 content can go here.'; echo JHtml::_('tabs.end');
