2

だからこれは私が得ようとしている結果です:

<div class="control-group">
  <label class="control-label" for="ListingType">Listing Type:</label>
  <div class="controls">
    <label class="inline"><input type="radio" name="ListingType"> For Sale</label>
    <label class="inline"><input type="radio" name="ListingType"> For Rent</label>
  </div>
</div>

私はこれを試しました:

<%= f.association :listing_type, label: "Listing Type: ", as: :radio_buttons, input_html: { class: 'inline'} %>       

これが作成されたものです:

<div class="control-group radio_buttons optional">
   <label class="radio_buttons optional control-label">Listing Type:</label>
   <div class="controls">
      <label class="radio"><input class="radio_buttons optional inline" id="listing_listing_type_id_1" name="listing[listing_type_id]" type="radio" value="1" />For Sale</label>
      <label class="radio"><input class="radio_buttons optional inline" id="listing_listing_type_id_2" name="listing[listing_type_id]" type="radio" value="2" />For Rent</label>
  </div>
</div>  

label.class="radio"とは対照的にに注意してくださいlabel.class="inline"

それが私がきちんとやろうとしている主なことです。

私が試したところlabel_html: { class: 'inline' }、これが生成されます:

<div class="control-group radio_buttons optional">
   <label class="radio_buttons optional control-label inline">Listing Type:</label>
   <div class="controls">
     <label class="radio"><input class="radio_buttons optional" id="listing_listing_type_id_1" name="listing[listing_type_id]" type="radio" value="1" />For Sale</label>
     <label class="radio"><input class="radio_buttons optional" id="listing_listing_type_id_2" name="listing[listing_type_id]" type="radio" value="2" />For Rent</label>
   </div>
</div>  

つまり、各ラジオボタンではなく、クラスinlineを最も外側に移動します。<label>label

考え?

4

2 に答える 2

2

シンプルなフォームのチェックボックスのラベルのクラスを変更する方法から@flynfishの回答をこのスレッドにコピーするだけです。@marcamillion のコメントによると、こちらのようです。

このオプションでラベルにクラスを与えることができます:item_wrapper_class => 'class_goes_here'

完全な例を次に示します。

= user.input :resident, 
         :collection => [["In the U.S", true],["Outside the U.S.", false]], 
         :label_method => :first, 
         :value_method => :last,
         :as => :radio_buttons, 
         :label => "Where is your principle residence?",
         :item_wrapper_class => 'inline'
于 2013-02-28T00:42:15.907 に答える