bootstrapとsimple_formでラジオボタンを横に並べる

すげーハマったのでメモ。
bootstrapとsimple_formでラジオボタンを横方向に並べたかった。しかし、label: {class: “inline”}としても、ラジオボタン自身のlabelではなく、項目のlabel側にclassが書かれるだけだったので、どうしたものか?と思って調べていたら、StackOverflowに辿り着いた。ありがたい。

simple_form_for rails radio button inline

要はここに書かれているようにすればいいだけなのだが、一応ここにも書いておく。

ちなみに、テンプレートエンジンはslimです。
piyoが、横方向に並べたいラジオボタンです。

= simple_form_for @hoge, html: { class: 'form-horizontal' } do |f|
  = f.input :piyo, collection: [["有", true],["無", false]], as: :radio_buttons, item_wrapper_class: "inline"

item_wrapper_classで指定するのねー、なるほど。
なんか本家のサイトで検索しても出てこないのだが…。
とりあえず解決したのでよしとする。


カテゴリー Ruby, Ruby on Rails | タグ   | パーマリンク

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です