Rails: pulsanti radio simple_form da commutare (zurb foundation)

Question

Sto provando a utilizzare l'elemento switch da Zurb Foundation sui pulsanti di opzione Rails.

ho questo codice:

<%= simple_form_for @mymodel .... |f| %> 

<%= f.input :active, as: :radio_buttons %> 

<% end %> 

che genera un sì e alcun pulsante radio.

Ora sto cercando di implementare l'interruttore ZURB fondamento, dal momento che sembra più bello.

Zurb Foundation Switch element

codice Esempio di un interruttore di default:

<div class="switch"> 
    <input id="x" name="switch-x" type="radio" checked> 
    <label for="x" onclick="">Off</label> 

    <input id="x1" name="switch-x" type="radio"> 
    <label for="x1" onclick="">On</label> 

    <span></span> 
</div> 

Il problema è, sembra che questo:

<div class="switch"> 
    <div class="input radio_buttons optional mymodel_active"> 
    <label class="radio_buttons optional">active</label> 
    <span class="radio"> 
    <input class="radio_buttons optional" id="mymodel_active_true" name="mymodel[active]" type="radio" value="true"> 
    <label class="collection_radio_buttons" for="mymodel_active_true">Yes</label> 
    </span> 
    <span class="radio"> 
    <input checked="checked" class="radio_buttons optional" id="mymodel_active_false" name="mymodel[active]" type="radio" value="false"> 
    <label class="collection_radio_buttons" for="mymodel_active_false">No</label> 
    </span> 
    </div> 
    <span></span> 
</div> 

Poi ho aggiunto: , label: false ,:input_html => { :onclick => ' ' } come attributo , per adattarsi all'esempio. Non cambierà ancora dopo la prima volta? Ora ho onclick="" sull'input, ma ne ho bisogno sull'etichetta.

<%= f.label :active , input_html: { :onclick => ' ' } %> 

Non funziona.

Qualcuno conosce il problema? Grazie

Answer 1

vi suggerisco di utilizzare semplici involucri modulo personalizzato https://github.com/plataformatec/simple_form/wiki/Custom-Wrappers