Simple_form: Remove outer label for an inline checkbox with label

Question

Using Simple_form 2.0.2

The simple form code using HAML:

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

But it renders this:

<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>

How do I remove that first label that's rendered, so that I only have the inline label?

score 90 · Accepted Answer · answered Aug 27 '12 at 19:48

90

You can use:

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

answered Aug 27 '12 at 19:48

Hernan S.

2,604
3
17
15

score 27 · Answer 2 · answered Aug 24 '12 at 18:33

27

Found a solution after much Google fu.

Use input_field instead of input which won't automatically generate a label.

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

answered Aug 24 '12 at 18:33

David Nix

3,324
3
32
51

Just for reference, here's a solution that will work in erb `= f.input_field :remember_me, :as => :boolean, :inline_label => 'Remember me'` – Scott Bartell Jan 23 '13 at 16:22
2

@ScottBartell I think you mean in ruby pre 1.9 not erb. embrace the new. :) – engineerDave Jul 10 '13 at 16:15
3

problem with `input_field` is that it will not show validation errors. – kobaltz Aug 16 '13 at 16:00

score 11 · Answer 3 · answered Sep 20 '13 at 09:50

11

For whom it doesn't work

= f.input_field ...

Use this way

= f.check_box ...

answered Sep 20 '13 at 09:50

Sergiy Seletskyy

16,236
7
69
80

This doesn't really apply to simple_form though, does it? – Chris Peters Feb 16 '15 at 16:20
Yes, it does actually @Chris_Peters – Sergiy Seletskyy Feb 17 '15 at 10:49

gamov · Answer 4 · 2014-03-26T03:49:34.743

7

With simple_form 2.1.0 and rails 3.0.20, none of the solutions listed here worked (I don't want to use f.input_field because it's an admission of defeat).

The missing part is the boolean_style option:

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

I suggest you create a custom input for this (e.g.: inline_checkbox)

boolean_style is configured as :nested by default, I think:

# Defaults to :nested for bootstrap config.
#   :inline => input + label
#   :nested => label > input
config.boolean_style = :nested

edited Mar 26 '14 at 03:49

answered Feb 12 '14 at 05:28

gamov

3,789
1
31
28

Is there an options for radio buttons? – sadfuzzy Dec 17 '15 at 13:08

score 0 · Answer 5 · answered Feb 03 '13 at 21:17

0

.control-group.error .help-inline {
  display: none;
}

This should work, it works for me on rails 3.2 and simple_form 2.x+

answered Feb 03 '13 at 21:17

Dreamr OKelly

3,544
1
14
3

score 0 · Answer 6 · answered Nov 10 '14 at 15:33

Maybe too late, but inspired by gamov answer I have made this a custom wrapper from inline bootstrap checkbox in the initializer file '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

which generates this 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>

Simple_form: Remove outer label for an inline checkbox with label

6 Answers6

Linked