Quantcast
Channel: Yii Framework Forum
Viewing all articles
Browse latest Browse all 18717

Yii-Bootstrap Tbtabs Inside Tbnavbar

$
0
0
hi,

i want to place tabs inside tbnavbar.
i tried to do the following:

1. 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.

2. 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

Viewing all articles
Browse latest Browse all 18717

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>