Switch из Bootstrap 4

Обсуждение документации второй версии фреймворка. Переводы Cookbook и авторские рецепты.
Ответить
Аватара пользователя
smertnik77
Сообщения: 53
Зарегистрирован: 2010.11.25, 07:25

Switch из Bootstrap 4

Сообщение smertnik77 »

Собственно как правильно оформить чекбокс в форме чтобы получился свитч?
yiiliveext
Сообщения: 910
Зарегистрирован: 2019.08.13, 01:49

Re: Switch из Bootstrap 4

Сообщение yiiliveext »

Прописать нужный template в поле и использовать стандартный checkbox или использовать готовый виджет вроде https://demos.krajee.com/widget-details/switchinput
Аватара пользователя
smertnik77
Сообщения: 53
Зарегистрирован: 2010.11.25, 07:25

Re: Switch из Bootstrap 4

Сообщение smertnik77 »

Хотелось бы увидеть код для бустраповского свитча
yiiliveext
Сообщения: 910
Зарегистрирован: 2019.08.13, 01:49

Re: Switch из Bootstrap 4

Сообщение yiiliveext »

Которго свитча? Приведите код чистой реализации.
Аватара пользователя
smertnik77
Сообщения: 53
Зарегистрирован: 2010.11.25, 07:25

Re: Switch из Bootstrap 4

Сообщение smertnik77 »

<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input" id="customSwitch1">
<label class="custom-control-label" for="customSwitch1">Toggle this switch element</label>
</div>
yiiliveext
Сообщения: 910
Зарегистрирован: 2019.08.13, 01:49

Re: Switch из Bootstrap 4

Сообщение yiiliveext »

Код: Выделить всё

<?= $form->field($model, 'rememberMe')->checkbox([
        'template' => "<div class=\"custom-control custom-switch\">{input} {label}</div>\n<div>{error}</div>",
        'class' => 'custom-control-input'])->label('Remember Me', ['class' => 'custom-control-label']) ?>
Аватара пользователя
smertnik77
Сообщения: 53
Зарегистрирован: 2010.11.25, 07:25

Re: Switch из Bootstrap 4

Сообщение smertnik77 »

Спасибо.
Ответить