Question

can someone help me to create horizontal tab in joomla 3.0 component i m using this code

$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');

it’s output like:-

tab1
tab2
tab3

but i want output like :- tab1 tab2 tab3

Answer 1

$document =& JFactory::getDocument();
$style = 'dt.tabs h3 {
            float:left;
            margin-right: 10px;
        }
        div.current {
            clear: both;
        }';
$document->addStyleDeclaration( $style );

Just add in a style to the item. It will be along the lines of styling a css menu. Something like the above seems to work ok!