web-dev-qa-db-fra.com

Simple_form: Supprime l'étiquette externe pour une case à cocher en ligne avec étiquette

Utiliser Simple_form 2.0.2

Le code de formulaire simple utilisant HAML:

= f.input :remember_me, as: :boolean, inline_label: 'Remember me'

Mais cela rend ceci:

<div class="control-group boolean optional">
  <label class="boolean optional control-label" for="admin_remember_me">Remember me</label>
  <div class="controls">
    <input name="admin[remember_me]" type="hidden" value="0" />
    <label class="checkbox"><input class="boolean optional" id="admin_remember_me" name="admin[remember_me]" type="checkbox" value="1" />Remember me</label>
  </div>
</div>

Comment puis-je supprimer cette première étiquette qui a été rendue afin que je ne dispose que de l'étiquette en ligne?

rubyruby-on-rails-3simple-form
32
David Nix

Vous pouvez utiliser:

= f.input :remember_me, as: :boolean, inline_label: 'Remember me', label: false
78
Hernan S.

Trouvé une solution après beaucoup de Google fu.

Utilisez input_field au lieu de input qui ne générera pas automatiquement d'étiquette.

= f.input_field :remember_me, as: :boolean, inline_label: 'Remember me'
24
David Nix

Pour qui ça ne marche pas

= f.input_field ...

Utilisez cette façon

= f.check_box ...

11
Serge Seletskyy

Avec simple_form 2.1.0 et Rails 3.0.20, aucune des solutions répertoriées ici ne fonctionnait (je ne veux pas utiliser f.input_field car c'est un aveu de défaite).

La partie manquante est l’option boolean_style :

options.merge!({label: false, boolean_style: :inline})

Je vous suggère de créer une entrée personnalisée pour cela (par exemple: inline_checkbox)

boolean_style est configuré comme: imbriqué par défaut, je pense:

# Defaults to :nested for bootstrap config.
#   :inline => input + label
#   :nested => label > input
config.boolean_style = :nested
7
gamov
.control-group.error .help-inline {
  display: none;
}

Cela devrait fonctionner, cela fonctionne pour moi sur Rails 3.2 et simple_form 2.x +

0
Dreamr OKelly

Peut-être trop tard, mais inspiré par gamov answer, j’en ai fait un wrapper personnalisé à partir du fichier d’initialisation ' config/simple_form_bootstrap.rb ':

config.wrappers :horizontal_radio_and_checkboxes, tag: 'div', class: 'form-group', error_class: 'has-error' do |b|
   b.use :html5
   b.optional :readonly

   b.use :label, class: 'col-sm-3 control-label'
   b.use :input
   b.use :error, wrap_with: { tag: 'span', class: 'help-block' }
   b.use :hint,  wrap_with: { tag: 'p', class: 'help-block' }
 end

qui génère ce html:

 <div class="form-group boolean optional user_admin">
    <label class="boolean optional col-sm-3 control-label" for="user_admin">Admin</label>
    <div class="col-sm-9 checkbox-inline">
    <input name="user[admin]" value="0" type="hidden">
    <input class="boolean optional" id="user_admin" name="user[admin]" value="1" type="checkbox">
  </div>

0
Marino