Yii2 Horizontal form

Question

What I want to do is to change from bootstrap vertical to horizontal form and this is what I've tried:

<?php $form = ActiveForm::begin([
    'layout' => 'horizontal',
    'action' => ['index'],
    'method' => 'get',
    'fieldConfig' => [
        'horizontalCssClasses' => [
            'label' => 'col-sm-2',
            'offset' => 'col-sm-offset-2',
            'wrapper' => 'col-sm-4',
        ],
    ],
]); ?>
    <div class="row">
        <div class="col-md-6">
            <?= $form->field($model, 'firstname') ?>
            <?= $form->field($model, 'lastname') ?>
       </div>
        <div class="col-md-6">
            <?= $form->field($model, 'email') ?>
            <?= $form->field($model, 'bla') ?>
       </div>
    </div>
<?php ActiveForm::end() ?>

but it gave me an error Setting unknown property: yii\widgets\ActiveForm::layout Please help!!!

Try : 'options' => ['class' => 'form-horizontal'], – Yasin Patel Feb 14 '17 at 05:04 — Yasin Patel, Feb 14 '17 at 05:04

score 8 · Answer 1 · answered Feb 14 '17 at 07:24

8

For layout option to work ActiveForm must be instance of yii\bootstrap\ActiveForm instead of yii\widgets\ActiveForm.

Change your use statement.

answered Feb 14 '17 at 07:24

Bizley

17,392
5
49
59

score 4 · Answer 2 · answered Feb 14 '17 at 07:12

In boostrap you can use

<form class="form-inline">  // for inline fields form

or

<form class="form-horizontal">  // for horizonatal  fields form

eg:

  <?php $form = ActiveForm::begin([
      'layout' => 'horizontal',
      'action' => ['index'],
      'method' => 'get',
      'class' => 'form-horizontal',    
  ]); ?>

Yii2 Horizontal form

2 Answers2