12

Czy ktoś wie, jak zmienić klasę simple_form używa z "kontroli" do "form kontroli". To była zmiana dokonana w Bootstrap 3. Wiem, że istnieje wiele opcji w config/initializers/simple_form.rb i config/initializers/simple_form_bootstrap.rb, ale nie mogę znaleźć tego, czego potrzebuję.używając simple_form z bootstrap 3

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 

w wyżej Można zamienić na „kontrolnej grupie” dla „form-grupy”, ale nie widzę sposobu, aby zmienić klasę dla tagu wejściowego.

+0

Czy próbowałeś 'ba.use: input,: wrap_with => {: class => 'form-control'}'? – hawk

+0

tak, to stosuje daną klasę do elementu div, który opakowuje domyślną klasę element –

+3

'config.input_class = 'form-control'' dla wejść – hawk

Odpowiedz

15

W nowszych wersjach simple_form, pojawił się nowy globalny config można użyć:

config.input_class = "form-control" 

Trzeba wersję gem> 3.0.0, która zależy od szyn> 4.0.0 lub zbliżający 2,2 uwalnianiu. Możesz teraz użyć gałęzi v2.2 na githubie.

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

+0

Nie widziałem tego, ponieważ nie mam najnowszej wersji beta programu simpleform . Teraz muszę zaktualizować do szyn 4 i zaktualizować simpleform i przenieść do bootstrap 3. haha ​​ –

+4

wszelkie pomysły na temat naprawiania błędnych wejść checkbox? – caarlos0

+0

http://stackoverflow.com/questions/18571748/rails-4-form-builder-with-comprehensive-support-for-twitter-bootstrap-3 jeszcze nie istnieje. –

0

Dlaczego nie wystarczy zmienić domyślne opakowanie w simple_form_bootstrap.rb inicjatora?

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

btw używają teraz klasy "form-group" zamiast jak w powyższym kodzie ... zmienili ją od wersji beta – mwalsher