Examples: Standard Layout

If no layout is specified on the form object (or if it's set to standard) then a stacked form is created.

<?php $form = $this->beginWidget('Codemix\BS3ActiveForm'); ?>

Following is a list of the most common form elements to exemplify different options and validation states.


Default Options

Error state:

Demolabel cannot be blank.

<?= $form->group('textField',$model, 'demo') ?>

Help Text

Help text

Error state:

Demolabel cannot be blank.

Help text

<?= $form->group('textField',$model, 'demo', array(
    'helpText' => 'Help text',
)) ?>

Placeholder

<?= $form->group('textField',$model, 'demo', array(
    'inputOptions' => array(
        'placeholder' => 'Placeholder',
    ),
)) ?>

Disabled Label

<?= $form->group('textField',$model, 'demo', array(
    'label' => false,
    'inputOptions' => array(
        'placeholder' => $model->getAttributeLabel('demo'),
    ),
)) ?>

Column Sizing

Error state:

Demolabel cannot be blank.

<?= $form->group('textField',$model, 'demo', array(
    'template' => '{label} <div class="row"><div class="col-xs-4">{input}{error}{help}</div></div>',
)) ?>
<?= $form->group('textField',$model, 'demo', array(
    'template' => '{label} <div class="row"><div class="col-xs-6">{input}{error}{help}</div></div>',
)) ?>
<?= $form->group('textField',$model, 'demo', array(
    'template' => '{label} <div class="row"><div class="col-xs-8">{input}{error}{help}</div></div>',
)) ?>

List Controls

Help Text

<?= $form->group('dropDownList',$model,'demo',$opts) ?>
<?= $form->group('checkBoxList',$model,'demo',$opts) ?>
<?= $form->group('radioButtonList',$model,'demo',$opts, array(
    'helpText' => 'Help Text',
)) ?>

Inline Lists

<?= $form->group('checkBoxList',$model,'demo',$opts, array(
    'inline' => true,
)) ?>
<?= $form->group('radioButtonList',$model,'demo',$opts, array(
    'inline' => true,
)) ?>

Custom Inputs

@
@.00
<?= $form->group('textField',$model,'demo', array(
    'inputTemplate' => '<div class="input-group"><span class="input-group-addon">@</span>{input}</div>',
)) ?>
<?= $form->group('textField',$model,'demo', array(
    'inputTemplate' => '<div class="input-group"><span class="input-group-addon">@</span>{input}'.
        '<span class="input-group-addon">.00</span></div>',
)) ?>
<?= $form->group('textField',$model,'demo', array(
    'inputTemplate' => '<div class="input-group"><span class="input-group-addon">'.
        $form->checkBox($model, 'demo').'</span>{input}</div>',
)) ?>
<?= $form->group('textField',$model,'demo', array(
    'inputTemplate' => '<div class="input-group"><span class="input-group-btn">'.
        '<button class="btn btn-default">Go!</button></span>{input}</div>',
)) ?>
<?php $menu = $this->widget('zii.widgets.CMenu', array(
    'htmlOptions' => array('class'=>'dropdown-menu'),
    'items' => array(
        array('label'=>'Action', 'url'=>'#'),
        array('label'=>'Another Action', 'url' =>'#'),
        array('itemOptions'=>array('class'=>'divider')),
        array('label'=>'Separated link', 'url'=>'#'),
    ),
), true); ?>
<?= $form->group('textField',$model,'demo', array(
    'inputTemplate' => '<div class="input-group"><div class="input-group-btn">'.
        '<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">Action '.
        '<span class="caret"></span></button>'.$menu.'</div>{input}</div>',
)) ?>
<?= $form->group('textField',$model,'demo', array(
    'inputTemplate' => '<div class="input-group"><div class="input-group-btn">'.
        '<button class="btn btn-default">Action</button>'.
        '<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">'.
        '<span class="caret"></span></button>'.$menu.'</div>{input}</div>',
)) ?>