Question

在我的simple_form中，我有一个包含集合作为一系列复选框的字段。它很长，占用了表格上的大量空间。

我希望使用CSS为复选框设置容器的样式，以便将其限制为180px高度并包含在可滚动框中。我在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都不起作用。

Answer 1

我的应用程序中有一个复选框选项，但我的实现方式有所不同：

<%= 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作为参数。

Rails 5 - 使用item_wrapper_tag

1 个答案: