Hello, I am an advanced beginner
I have an issue with TbTabs of Yii Bootstrap
I have a from with a lot of fields, so I group them by topic under several Tabs-
It worked will with CJuiTabs, but I wanted to convert to Boostrap Tabs - But when each panel is displayed, It is not left adjusted in the panel, but is shifted far left outside of the panel
How can this be corrected?
Here is my form code:
<?php $form=$this->beginWidget('bootstrap.widgets.TbActiveForm', array(
'id'=>'iol-form',
'htmlOptions'=>array('class'=>'well form-inline panel panel-default'),
// Please note: When you enable ajax validation, make sure the corresponding
// controller action is handling ajax validation correctly.
// There is a call to performAjaxValidation() commented in generated controller code.
// See class documentation of CActiveForm for details on this.
'enableAjaxValidation'=>false,
)); ?>
<?php echo $form->errorSummary($model); ?>
<p class="note">Fields with <span class="required">*</span> are required.</p>
<!-- set the rest up as tabs -->
<?php
$tabs = array();
$tabs['Specifications'] = array(
'label' => 'Specifications',
'htmlOptions'=>array('class'=>'well panel-body'),
'content' =>$this->renderPartial('_tabSpecs',array('model'=>$model,'form'=>$form),true),
);
$tabs['Toric Values'] = array(
'label' => 'Toric_Variables',
'content' =>$this->renderPartial('_tabToric',array('model'=>$model,'form'=>$form),true),
);
$tabs['Optimization'] = array(
'label' => 'Optimization',
'content' =>$this->renderPartial('_tabOptimization',array('model'=>$model,'form'=>$form),true),
);
$tabs['Graphics'] = array(
'label' => 'Graphics',
'content' =>$this->renderPartial('_tabGraphics',array('model'=>$model,'form'=>$form),true),
);
$tabs['Edits'] = array(
'label' => 'Edit_History',
'id' => 'Edit_History',
'content' =>$this->renderPartial('//common/_tab4',array('model'=>$model,'form'=>$form),true),
);
?>
<?php
$this->widget('bootstrap.widgets.TbTabs', array(
'type'=> 'tabs',
'tabs'=> $tabs,
'placement'=>'above'
Thanks in advance