As I said T3's default "t3tabs" module type already has
fade and
in markups in the DOM, as stated in the Bootstrap documentation. But it doesn't work, so I think this is a bug.
Here is the
t3tabs code:
function modChrome_t3tabs($module, $params, $attribs)
{
$area = isset($attribs['id']) ? (int) $attribs['id'] :'1';
$area = 'area-'.$area;
static $modulecount;
static $modules;
if ($modulecount < 1) {
$modulecount = count(JModuleHelper::getModules($attribs['name']));
$modules = array();
}
if ($modulecount == 1) {
$temp = new stdClass;
$temp->content = $module->content;
$temp->title = $module->title;
$temp->params = $module->params;
$temp->id = $module->id;
$modules[] = $temp;
// list of moduletitles
echo '<ul class="nav nav-tabs" id="tab'.$temp->id .'">';
foreach($modules as $rendermodule) {
echo '<li><a data-toggle="tab" href="#module-'.$rendermodule->id.'" >'.$rendermodule->title.'</a></li>';
}
echo '</ul>';
echo '<div class="tab-content">';
$counter = 0;
// modulecontent
foreach($modules as $rendermodule) {
$counter ++;
echo '<div class="tab-pane fade in" id="module-'.$rendermodule->id.'">';
echo $rendermodule->content;
echo '</div>';
}
echo '</div>';
echo '<script type="text/javascript">';
echo 'jQuery(document).ready(function(){';
echo 'jQuery("#tab'.$temp->id.' a:first").tab("show")';
echo '});';
echo '</script>';
$modulecount--;
} else {
$temp = new stdClass;
$temp->content = $module->content;
$temp->params = $module->params;
$temp->title = $module->title;
$temp->id = $module->id;
$modules[] = $temp;
$modulecount--;
}
}
I just wonder why tab items don't have Fade effect even it's implemented as stated in the Bootstrap documentation.
Thanks