hi,
i want to place tabs inside tbnavbar.
i tried to do the following:
- place the tbtabs widget inside the tbnavbar widget:
$right_menu=array(
array('label'=>'Home', 'url'=>array('/site/index')),
array('label'=>'second item', 'url'=>array('/site/underConstruction')),
array('label'=>'third item', 'url'=>array('/site/contact')),
array('label'=>'forth item', 'url'=>array('/site/underConstruction')),
);
$left_menu=array(
array('id' => 'tab1','label'=>'tab1', 'content'=> 'pppppppppppppppppppppppppppppppppppppppppppppppp'),
array('id' => 'tab2','label'=>'tab2', 'content' => 'lalalala'),
);
$this->widget('bootstrap.widgets.TbNavbar', array(
'brand' => '',
'collapse'=>true, // requires bootstrap-responsive.css
'fixed' => true,
'fluid' => true,
'items'=>array(
array (
'class'=>'bootstrap.widgets.TbMenu',
'htmlOptions'=>array('class'=>'pull-right'),
'items'=>$right_menu)),
array (
'class'=>'bootstrap.widgets.TbMenu',
'type' => 'tabs',
'placement'=>'above',
'tabs' =>$left_menu))));
the tabs actually appears inside the navbar, but the content appears in the middle of the navbar and not below it.
- i also tried to place the tbtabs outside the navbar:
changed fixed and fluid properties to false, and place it in form-inline div.
but the tbtabs appears below the navbar.
any ideas?
thanks