Question

有人可以帮助我使用此代码在joomla 3.0组件中创建水平制表符

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

它的输出如下： -

tab1
tab2
tab3

但我希望输出如下： - tab1 tab2 tab3

Answer 1

这将使标签在页面加载时打开一个设置选项卡

<!-- code to open default tab -->
<?php
$options = array(
    'active'    => 'tab1_id'    // Not in docs, but DOES work
);
?>
<!-- code end to open default tab -->

<?php echo JHtml::_('bootstrap.startTabSet', 'ID-Tabs-Group', $options);?> 

<?php echo JHtml::_('bootstrap.addTab', 'ID-Tabs-Group', 'tab1_id', JText::_('COM_BOOTSTRAPTABS_TAB_1')); ?> 
<p>Content of the first tab.</p> 
<?php echo JHtml::_('bootstrap.endTab');?> 

<?php echo JHtml::_('bootstrap.addTab', 'ID-Tabs-Group', 'tab2_id', JText::_('COM_BOOTSTRAPTABS_TAB_2')); ?> 
<p>Content of the second tab.</p> 
<?php echo JHtml::_('bootstrap.endTab');?> 

<?php echo JHtml::_('bootstrap.endTabSet');?>

Answer 2

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

只需在项目中添加样式即可。它将沿着造型css菜单的方式。像上面这样的东西似乎工作正常！

Answer 3

在2.5中删除了JPane，现在使用JHtmlTabs它应该可以解决问题;）

如何使用jhtml :: tabs制作水平标签joomla 3.0

3 个答案: