Switch из Bootstrap 4
- smertnik77
- Сообщения: 53
- Зарегистрирован: 2010.11.25, 07:25
Switch из Bootstrap 4
Собственно как правильно оформить чекбокс в форме чтобы получился свитч?
-
- Сообщения: 910
- Зарегистрирован: 2019.08.13, 01:49
Re: Switch из Bootstrap 4
Прописать нужный template в поле и использовать стандартный checkbox или использовать готовый виджет вроде https://demos.krajee.com/widget-details/switchinput
- smertnik77
- Сообщения: 53
- Зарегистрирован: 2010.11.25, 07:25
Re: Switch из Bootstrap 4
Хотелось бы увидеть код для бустраповского свитча
-
- Сообщения: 910
- Зарегистрирован: 2019.08.13, 01:49
Re: Switch из Bootstrap 4
Которго свитча? Приведите код чистой реализации.
- smertnik77
- Сообщения: 53
- Зарегистрирован: 2010.11.25, 07:25
Re: Switch из Bootstrap 4
<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>
<input type="checkbox" class="custom-control-input" id="customSwitch1">
<label class="custom-control-label" for="customSwitch1">Toggle this switch element</label>
</div>
-
- Сообщения: 910
- Зарегистрирован: 2019.08.13, 01:49
Re: Switch из Bootstrap 4
Код: Выделить всё
<?= $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
Спасибо.