using simple_form with bootstrap 3

Question

Does anyone know how to change the class simple_form uses from 'controls' to 'form-control'. This was a change made in Bootstrap 3. I know there are many options in config/initializers/simple_form.rb and config/initializers/simple_form_bootstrap.rb but I can't find what I need.

  config.wrappers :bootstrap, :tag => 'div', :class => 'control-group', :error_    class => 'error' do |b|
   b.use :html5
   b.use :placeholder
   b.use :label
   b.wrapper :tag => 'div', :class => 'controls' do |ba|
     ba.use :input
     ba.use :error, :wrap_with => { :tag => 'span', :class => 'help-inline' }
    ba.use :hint,  :wrap_with => { :tag => 'p', :class => 'help-block' }
  end
end

in the above you can swap out 'control-group' for 'form-group', but I see no way to change the class for the input tag.

Did you tried `ba.use :input, :wrap_with => { :class => 'form-control' }` ? — hawk, Aug 23 '13 at 13:12
yes, that applies the given class to a div that wraps the element — Harry Moreno, Aug 23 '13 at 13:15
`config.input_class = 'form-control'` default class for inputs — hawk, Aug 23 '13 at 13:19

score 15 · Accepted Answer · edited Mar 03 '14 at 21:04

15

In newer simple_form versions, there is a new global config you can use:

config.input_class = "form-control"

You need the gem version >3.0.0 which depends on rails >4.0.0, or the upcoming 2.2 release. You can use the v2.2 branch on github for now.

See https://github.com/plataformatec/simple_form/blob/v2.2/CHANGELOG.md

edited Mar 03 '14 at 21:04

helderdarocha

23,209
4
50
65

answered Aug 23 '13 at 13:19

usha

28,973
5
72
93

I didn't see that because I'm not running the latest beta of simpleform. Now I have to update to rails 4 and update simpleform and move to bootstrap 3. haha – Harry Moreno Aug 23 '13 at 13:57
4

any ideas about how to fix the buggy checkbox inputs? – caarlos0 Sep 02 '13 at 17:11
http://stackoverflow.com/questions/18571748/rails-4-form-builder-with-comprehensive-support-for-twitter-bootstrap-3 doesn't exist yet. – Harry Moreno Sep 25 '13 at 00:09
1

`config.input_class` is no longer supported. – mrudult Feb 09 '14 at 18:26
I can confirm, this no longer seems to work. It didn't for me with Rails 4.2.0 and simple_form 3.1.0. :( – Jeehut Apr 01 '15 at 16:00

score 0 · Answer 2 · answered Sep 04 '13 at 18:59

Why not just change the default wrapper in your simple_form_bootstrap.rb initializer?

  config.wrappers :bootstrap, tag: :div, class: "form-group", error_class: "has-error" do |b|

    # Form extensions
    b.use :html5
    b.use :placeholder

    # Form components
    b.use :label
    b.wrapper tag: :div do |ba|
      ba.use :input
      ba.use :hint,  wrap_with: { tag: :p, class: "help-block" }
      ba.use :error, wrap_with: { tag: :span, class: "help-block text-danger" }
    end
  end

btw they are now using the class "form-group" instead as in the code above... they changed it since beta — mwalsher, Sep 04 '13 at 19:01

using simple_form with bootstrap 3

2 Answers2