Yii Framework Forum: Yii-Bootstrap Tbtabs Inside Tbnavbar - Yii Framework Forum

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Yii-Bootstrap Tbtabs Inside Tbnavbar Rate Topic: -----

#1 User is offline   gamilix 

  • Newbie
  • Yii
  • Group: Members
  • Posts: 15
  • Joined: 31-October 12

Posted 13 January 2013 - 08:43 AM

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
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users