1

私はsimple_formを使用しており、カスタムラッパーを動作させようとしています。今まで運がない。simple_form(星評価)の複数のラジオボタン

私はすべての値に対して5つのラジオボタンを持つシンプルな星評価を作成しようとしています。所望の出力:

<fieldset class="rating-new"> 
    <input type="radio" id="star5" name="rating" value="5" /> 
    <label class = "full" for="star5" title="Awesome - 5 stars"></label> 

    <input type="radio" id="star4" name="rating" value="4" /> 
    <label class = "full" for="star4" title="Pretty good - 4 stars"></label> 

    <input type="radio" id="star3" name="rating" value="3" /> 
    <label class = "full" for="star3" title="Meh - 3 stars"></label> 

    <input type="radio" id="star2" name="rating" value="2" /> 
    <label class = "full" for="star2" title="Kinda bad - 2 stars"></label> 

    <input type="radio" id="star1" name="rating" value="1" /> 
    <label class = "full" for="star1" title="Sucks big time - 1 star"></label> 
</fieldset> 

私はsimple_form-bootstrapを使用して、私はこれを行うには、カスタムラッパーを作成する必要がありますことを理解し、私はそれをたくさん追いかけて、それを見つけ出すように見えることはできませんよ。

私はこれをどのように達成することができると思う?

+0

codepen [LINK]でこのスニペットを試してみてください( –

+0

)ちょっと@JyotiPathania、質問はsimple_formで希望のHTML出力を得ることに関するより多くです:/ –

答えて

2

おかげ@HarlemSquirrelから収集ラジオボタンを使用することができます。私はそれのためのカスタムラッパーを作成したいが、私は私がしたい場所を取得するには、ラベルやスタイルを微調整と和解:

ここで私はそれが働いてしまった方法は次のとおりです。

<%= f.collection_radio_buttons :rating, [[5], [4], [3], [2], [1]], :first, :last, item_wrapper_tag: false, boolean_style: :inline do |b| %> 
    <%= b.radio_button + b.label {''} %> 
<% end %> 
0

あなたはcollection_radio_buttonsを私に思い出させるためhttps://github.com/plataformatec/simple_form#collection-radio-buttons

form_for @something_rated do |f| 
    f.collection_radio_buttons :rating, [[1, '1'] ,[2, '2'],[3, '3'],[4, '4'],[5, '5']], :first, :last 
end 
+0

ちょっと@HarlemSquirrel、私は 'collection_radio_buttons'を知っていますが、それは私が必要とするものとは全く異なるレイアウトを生成します:/あなたが必要とする出力を得るためにラッパーを調整する方法を知っていますか? –

+0

'item_label_class: 'full''を追加すると、ラベルのスタイルに役立ちます – HarlemSquirrel