simple_form_for rails单选按钮内联 [英] simple_form_for rails radio button inline

问题描述

我想让我的按钮显示内联，也有一个默认值，因为它不能为空。我使用了plataformatex / simple_form和bootstrap。

I am trying to get my buttons to display inline and also have a default value because it can't be blank. I am usingplataformatex/simple_form and bootstrap.

= f.collection_radio_buttons :is_private, [[true, 'Private'], [false, 'Public']], :first, :last, style: "display:inline", default: true

正在呈现：

<span>
  <input id="workout_is_private_true" name="workout[is_private]" type="radio" value="true" />
  <label class="collection_radio_buttons" for="workout_is_private_true">Private</label>    
</span>
<span>
  <input id="workout_is_private_false" name="workout[is_private]" type="radio" value="false" />
  <label class="collection_radio_buttons" for="workout_is_private_false">Public</label>
</span>

很显然， style：

根据另一项建议，我添加了

Following another suggestion I added

.radio_buttons { display:inline; }

= f.collection_radio_buttons :is_private, [[true, 'Private'], [false, 'Public']], :first, :last, :item_wrapper_class => 'radio_buttons', :default => true

得到：

<span class="radio_buttons">
  <input id="workout_is_private_true" name="workout[is_private]" type="radio" value="true" />
  <label class="collection_radio_buttons" for="workout_is_private_true">Private</label>
</span>
<span class="radio_buttons">
  <input id="workout_is_private_false" name="workout[is_private]" type="radio" value="false" />
  <label class="collection_radio_buttons" for="workout_is_private_false">Public</label>
</span>

再次注意，默认值仍然不起作用。

Just another note that the default value still is not working.

推荐答案

如果你想要他们内联，你需要给标签inline类做：：item_wrapper_class => 'inline'

If you want them inline, you need to give the labels the inline class by doing: :item_wrapper_class => 'inline'

以下是使用您的代码的示例：

Here is an example using your code:

= f.input :is_private, 
          :collection => [[true, 'Private'], [false, 'Public']], 
          :label_method => :last, 
          :value_method => :first,
          :as => :radio_buttons, 
          :item_wrapper_class => 'inline',
          :checked => true

EDIT：我刚刚意识到我的答案更具体到simple_form + bootstrap，因为bootstrap在给标签的内联类时已经定义了样式。你应该能够使用我的例子，但它只是需要一些更多的工作，你的结束在创建自定义css。

I just realized that my answer was more specific to simple_form + bootstrap, since bootstrap already has styles defined when giving the label's the inline class. You should be able to use my example though, it will just take some more work on your end in creating your custom css.

这篇关于simple_form_for rails单选按钮内联的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！