2017-08-09 9 views
0

私のsimple_formには、一連のチェックボックスとしてコレクションを含むフィールドがあります。非常に長く、フォーム上に多くのスペースを占めています。Rails 5 - item_wrapper_tagを使ってsimple_formでコレクションのスタイルを設定する

チェックボックスのサイズが180pxに制限され、スクロール可能なボックスに含まれるように、チェックボックスがCSS内にあるコンテナのスタイルを設定します。 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> 

私はitem_wrapper_tag: :divでdivの中にレール出力を包みました。どのようにそのdivのスタイルを設定しますか? item_label_classでもitem_wrapper_classも動作していません。

答えて

0

私は私のアプリのチェックボックスの選択をしているが、私は多少異なるそれを実装:

<%= 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 %> 

私はあなたが再びラベルがスタイリングされている方法のチェックボックスのスタイルを設定できると思います:

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

をこのように選択を実装する場合は、コントローラーがパラメーターとして:item_idsを受け取れるようにしてください。

関連する問題