2016-02-23 4 views
0

У меня есть группа флажков через collection_check_boxes в rails.Как стилизовать элементы collection_check_boxes

Проблема в том, что они все из конца в конец на одной строке и жирным шрифтом.

Я хотел бы знать, как я могу сделать каждый элемент по своей линии и не быть жирным?

Вот моя коллекция:

<div> 
     <%= f.collection_check_boxes(:service_ids, Service.all, :id, :service_type) %> 
    </div> 

ответ

1

Попробуйте следующее:

<%= f.collection_check_boxes :service_ids, Service.all, :id, :service_type, {:item_wrapper_class => 'my_class_name'} %> 

С некоторыми CSS:

.my_class_name { 
    ... 
} 
.my_class_name input { 
    ... 
} 
.my_class_name .collection_check_boxes { 
    ... 
} 

Используя любое имя класса, который вы предпочитаете.

+0

Спасибо! Как добавить разрыв строки после этого флажка? – Stoob

+1

Скорее всего, вы используете CSS для выполнения любого форматирования. Попробуйте 'display: block' для каждого элемента ввода. –

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