2017-08-09 6 views
0

In meinem simple_form habe ich ein Feld, das eine Sammlung als eine Reihe von Kontrollkästchen enthält. Es ist sehr lang und nimmt viel Platz auf dem Formular ein.Rails 5 - Anreden einer Sammlung in simple_form mit item_wrapper_tag

Ich möchte den Container, der die Checkboxen enthält, mit CSS so gestalten, dass er auf eine Höhe von 180 Pixel beschränkt ist und in einer scrollbaren Box enthalten ist. Mein Code auf dem simple_form:

<th>Authors</th> 
    <td><%= f.association :authors, as: :check_boxes, item_wrapper_tag: :div, item_label_class: 'h_180', label: false, collection: Author.order('name ASC') %></td> 

ich die Schienen Ausgabe in einem div mit item_wrapper_tag: :div gewickelt haben. Wie style ich das div? Weder item_label_class noch item_wrapper_class funktioniert.

Antwort

0

Ich habe eine Checkbox Auswahl in meiner app, aber ich setzte es etwas anders:

<%= f.collection_check_boxes(:item_ids, Item.all.sort_by { |x| x.name }, :id, :name) do |b| %> 
    <%= b.label class: "label-checkbox", style:"padding-right:5px" do > 
      <%= b.check_box + " " + b.text + " "%> 
    <% end %> 
<% end %> 

Ich denke, man könnte das Kontrollkästchen wieder den Weg Stil Das Label gestylt:

<%= (b.check_box class: "checkbox-class", style: "checkbox-style") + " " + b.text + " "%> 

Wenn Sie die Auswahl auf diese Weise implementieren, stellen Sie sicher, dass der Controller :item_ids als Parameter erhält.

Verwandte Themen