如何使水平製表符的Joomla 3.0中使用JHTML ::標籤

有人可以幫助我使用此代碼中的Joomla創建水平選項卡3.0組件IM如何使水平製表符的Joomla 3.0中使用JHTML ::標籤

$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

來源

2013-01-25 Rakesh Sharma

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

只需將樣式添加到該項目。它將沿着一個CSS菜單的樣式。像上面的東西似乎工作正常！

來源

2013-01-25 10:32:11

感謝@wilson它的工作是有任何方式來製作像Jpane。我在1.5和2.5 Jpane中使用它，它會給出沒有任何CSS更改的水平選項卡。 –

不是我知道我害怕！但我還沒有真正探索過這麼遠。我很高興使用CSS樣式。 –

亞感謝我也使用你的CSS現在，但我搜索，如果任何解決方案 –

JPane在2.5移除，現在使用JHtmlTabs它應該做的伎倆;）

來源

2013-05-08 16:04:13 Django

這將使標籤以及打開一組選項卡頁面加載

<!-- 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');?>

來源

2015-08-06 07:48:56 Anant

如何使水平製表符的Joomla 3.0中使用JHTML ::標籤

回答

相關問題