using simple_form with bootstrap 3

Harry Moreno picture Harry Moreno · Aug 23, 2013 · Viewed 7.8k times · Source

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.

Answer

usha picture usha · Aug 23, 2013

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