Визуальные улучшения, дизайн

Делаем группу радиокнопок radioList в стиле bootstrap

Оформляем вид радиокнопок в современном бутстраповском стиле

Делаем группу радиокнопок radioList в стиле bootstrap

Делается с помощью метода radioList. В параметре item настраивается вызываем callback-функцию, в которой можем настраивать вид шаблона каждого элемента. Чтобы сделать кнопки как в Bootstrap, добавляем к label класс 'btn btn-primary' или какой нравится вам.

<?= $form->field($model, 'material_type', ['inline'=>true, 'enableLabel'=>false])
        ->radioList([
            '0'=>'Без типа',
            '1'=>'Новость',
            '2'=>'Личность',
            ...
        ], [
            'id' => 'blog_type',
            'class' => 'btn-group',
            'data-toggle' => 'buttons',
            'unselect' => null,
            'item' => function ($index, $label, $name, $checked, $value) {
                return '<label class="btn btn-primary' . ($checked ? ' active' : '') . '">' .
                    Html::radio($name, $checked, ['value' => $value, 'class' => 'project-status-btn']) . $label . '</label>';
            },
        ]);
    ?>



Читайте также