2016-09-20 3 views
2

Я использую Rails 4 и Simple Form с Bootstrap.Как добавить переключатель переключателя в простую форму в рельсах

Я хочу, чтобы мой флажок не понравится:

<%= c.input :my_bool_field, label: false, class: "form-control" %> 

enter image description here

но что-то подобное (я имею CSS для этого)

<label class="switch switch-primary"> 
    <input type="checkbox" /> 
    <span></span> 
</label> 

enter image description here

Я знаю, что могу использовать обертку simple_form, но я они немного запутывают. Может ли кто-нибудь помочь мне создать флажок с этим стилем?

ответ

0

Checkout камень Rails Switchery нашел в https://github.com/abpetkov/switchery

Простота настройки для начальной загрузки и ИОС стиля переключателей, не пытаясь изменить simpleforms преднастроенным оберток с помощью инициализатора или вызова функции JQuery в представлении.

+0

Нету .. приведенный выше код генерации: ''

+0

Вы использовали input_field или просто c.input? Input_field должен отделять обертку div. – bkunzi01

+0

все еще не сработал ..:/ –

0

просто поставить флажок в

<label class="switch switch-primary"> 
    <%= f.input_field :my_bool_field, label: false, as: :boolean, class: 'form-control' %> 
    <span></span> 
</label> 
+0

спасибо! это большой прогресс, когда появляется кнопка переключения, но она не реагирует на клики. вот сгенерированный код: ' ' –

+0

Это потому, что пролет был за пределами этикетки. порядок ярлыка и входной сигнал отключены. любая идея, как это исправить? –

2

Я нашел этот проект очень полезным и полным. Он основан на Twitter Bootstrap: http://www.bootstraptoggle.com/

Существует rails gem, что внедренный его:

+1

Хотя это теоретически может ответить на вопрос, [было бы предпочтительнее] (// meta.stackoverflow.com/q/8259) включить сюда основные части ответа и предоставить ссылку для справки. – Draken

Смежные вопросы