Как разместить поля в yii2?

Question

[Ruslan Dzh]

Доброго времени суток!
Не могу никак разобраться как разместить колонки в необходимой последовательности.
Необходимо что бы выглядело так:

Но у меня все в одну колонку, пробую так:

<?php $form = ActiveForm::begin([
  'id' => 'save-form',
  'layout' => 'horizontal',
  'fieldConfig' => [
      'template' => "{label}\n
                      <div class=\"col-lg-4\">
                        {input}
                      </div>\n
                    ",
      'labelOptions' => ['class' => 'col-lg-2 control-label'],  
  ],    
]); ?>

<?= $form->field($model, 'type')->textInput() ?>
<?= $form->field($model, 'number')->textInput() ?>
<?= $form->field($model, 'region')->textInput(['maxlength' => true]) ?>

Если в template делаю так

'template' => "{label}\n
                      <div class=\"col-lg-4\">
                        {input}
                      </div>\n
{label}\n
                      <div class=\"col-lg-4\">
                        {input}
                      </div>\n
                    ",

То записи отображаются в двух колонках, но дублируются.
Помогите разобраться

Comments

[Модератор]

Ruslan Dzh дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац). В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

Answer 1

[Дмитрий]

Доброе утро.
Самый простой и действенный вариант

<div class="col-lg-6">
   <?= $form->field($model, 'type')->textInput() ?>
   <?= $form->field($model, 'number')->textInput() ?>
   <?= $form->field($model, 'region')->textInput(['maxlength' => true]) ?>
</div>
<div class="col-lg-6">
   <?= $form->field($model, 'type')->textInput() ?>
   <?= $form->field($model, 'number')->textInput() ?>
   <?= $form->field($model, 'region')->textInput(['maxlength' => true]) ?>
</div>

Comments

[Ruslan Dzh]

Доброго времени суток!
Спасибо за ответ!
Так пробовал все устраивает, кроме того, что наименования полей сверху, а хотел сделать рядом, слева.

[Дмитрий]

Ruslan Dzh, какой именно ActiveForm используете, yii\widgets или yii\bootstrap?

[Ruslan Dzh]

Дмитрий, yii\bootstrap\ActiveForm

[Дмитрий]

Ruslan Dzh, должно располагаться слева, уберите fieldConfig()

[Ruslan Dzh]

Дмитрий,
Такое не использую, если я правильно понял где смотреть
каталог view/ckz/_form.php

<?php

use yii\helpers\Html;
use yii\bootstrap\ActiveForm;
use kartik\date\DatePicker;
use kartik\datecontrol\DateControl;

?>

<?php $form = ActiveForm::begin(['id' => 'entry_form', 'enableAjaxValidation' => true]); ?>

<div class="col-lg-6">
<?= $form->field($model, 'type')->textInput() ?>
<?= $form->field($model, 'number')->textInput() ?>
<?= $form->field($model, 'region')->textInput(['maxlength' => true]) ?>          

<?= $form->field($model, 'date_transaction')->widget(DateControl::classname(), [
    'type'=>DateControl::FORMAT_DATE,
    'ajaxConversion'=>false,
    'widgetOptions' => [
        'pluginOptions' => [
            'autoclose' => true
        ]
    ]
]);
?>


<?= 
$form->field($model, 'date_end')->widget(DateControl::classname(), [
    'type'=>DateControl::FORMAT_DATE,
    'ajaxConversion'=>false,
    'widgetOptions' => [
        'pluginOptions' => [
            'autoclose' => true
        ]
    ]
]);
?>

<?= $form->field($model, 'view')->textInput(['maxlength' => true]) ?>

</div>


<div class="col-lg-6">
// тоже самое, но другие поля

[Дмитрий]

Ruslan Dzh, ну как не используете, если в своём вопросе Вы показали такой код?

'fieldConfig' => [
      'template' => "{label}\n
                      <div class=\"col-lg-4\">
                        {input}
                      </div>\n
                    ",
      'labelOptions' => ['class' => 'col-lg-2 control-label'],  
  ],

А из теперешнего кода, что Вы показываете, надо добавить 'layout', если это yii\bootstrap\ActiveForm

$form = ActiveForm::begin([
     'id' => 'entry_form',
      'enableAjaxValidation' => true,
      'layout' => 'horizontal'
])

[Ruslan Dzh]

Дмитрий,
Ну как Вы написали:

<div class="col-lg-6">
   <?= $form->field($model, 'type')->textInput() ?>
   <?= $form->field($model, 'number')->textInput() ?>
   <?= $form->field($model, 'region')->textInput(['maxlength' => true]) ?>
</div>

я так сделал.

Добавил 'layout' => 'horizontal'
И заработало как мне надо!
Спасибо!!!

[Дмитрий]

я так сделал.

Ruslan Dzh, пожалуйста, но я не указывал настройки самого виджета))) Об этом должны были Вы позаботиться)))