1

アプリのフォームを支援するために、simple_form gem (https://github.com/plataformatec/simple_form) を使用しています。しかし、ここにある多くのラジオ ボタンを li タグで表示したいと思います。Simple_form は、各ラジオ ボタンのスパン ラッパー タグを生成するようになりました。このような：

 <%= t.input :arrives_in, :collection => [1,2,3,4], :as => :radio %>
 #=> <span><input type='radio'><label>1</label></span>

入力とラベルの部分をスパンではなくliでラップする方法はありますか?

ありがとう！

4

2 に答える 2

5

:item_wrapper_tag次のように入力を渡すことができます。

<%= t.input :arrives_in, :collection => [1,2,3,4], :as => :radio,
                         :item_wrapper_tag => :li %>

:collection_wrapper_tag次のように、すべての無線入力のラッパーを変更するオプションを渡すこともできます。

<%= t.input :arrives_in, :collection => [1,2,3,4], :as => :radio,
                         :item_wrapper_tag => :li,
                         :collection_wrapper_tag => :ul %>
于 2011-10-01T23:31:34.517 に答える
0

受け入れられた答えを試しました。ラジオボタンの前に箇条書きをうまく貼り付けましたが、それでもインラインで表示されませんでした。私はCSSでそれをやっただけです。ボタンとラベルの周りに class="radio-buttons" で div を平手打ちしました。次に、これをスタイル シート (SASS) に追加しました。

.radio-buttons {
  margin: .5em 0;
  span input {
    float: left;
    margin-right: .25em;
    margin-top: -.25em;
  }
  #this grabs the MAIN label only for my radio buttons 
  #since the data type for the table column is string--yours may be different
  label.string { 
    margin-bottom: .5em !important;
  }

  clear: both;
}

.form-block {
  clear: both;
  margin-top: .5em;
}

 .radio-buttons span {
  clear: both;
  display:block;
 }

これにより、すべてのフレームワークでラジオ ボタンがインラインになりますが、これは Zurb Foundation で最適に見えるように調整されています。;)

于 2013-09-29T06:19:06.153 に答える