Fundament 6 z szynami Prosta forma

Question

Simple Form zawiera szablon Foundation 5.

Jednak nie mogę znaleźć plików szablonów zmodyfikowanych dla Fundacji 6 w Internecie.

Jak dobrze generowane formularze współpracują z Fundacją 6? Co więcej, jakaś wielka część szablonu Foundation 6 lub wskazówki dotyczące modyfikacji istniejącego szablonu?

Answer 1

Nie jestem pewien, czy można skonfigurować simple_form, aby zapewnić to, czego wymaga Fundament 6 dla pól z błędami.

Dopóki mogę zorientować się, że (jeśli, jeśli, jeśli), mam ten siekać na miejscu przy użyciu Sass @extend:

// TODO: This is a hack to get Foundation 6 styles on simple_form 
// elements with errors. 
.input.error { 
    label { 
    @extend .is-invalid-label; 
    } 

    input, 
    textarea, 
    select { 
    @extend .is-invalid-input; 
    } 

    small.error { 
    @extend .form-error; 
    @extend .is-visible; 
    } 
} 

Czy jesteś zadowolony z tej odpowiedzi? Ja też. Mam nadzieję, że ktoś może "pokazać mi" na ten temat z lepszą odpowiedzią.

Answer 2

Tylko niewielki postęp, można ustawić w pliku konfiguracyjnym simple_form.rb to:

config.wrappers .... do |c| 
    ... 
    c.use :error, wrap_with: { tag: :small, class: 'form-error is-visible' 
    .. 
end 

i komunikaty o błędach zostanie sformatowana .. Jednak nie mogę znaleźć rozwiązanie dla etykiet i wejść, więc @ rozwiązanie Chrisa etykiety i dane wejściowe są nadal potrzebne. Jednakże, jeśli nie trzeba czerwone etykiety i wejść, to wystarczy

Answer 3

Aby uzyskać wskazówki (aka pomocy tekstu) działa poprawnie, edytować config/simple_form_foundation.rb i dodać:

b.use :hint, wrap_with: { tag: :p, class: 'help-text' }