Foundation 6 mit Rails Simple Form

Question

Simple Form enthält eine Foundation 5-Vorlage.

Allerdings kann ich keine Template-Dateien für Foundation 6 im Web geändert finden.

Wie gut funktionieren die generierten Formulare mit Foundation 6? Außerdem einen großzügigen Anteil an Foundation 6-Vorlagen oder Tipps zum Ändern der bestehenden Vorlage?

Answer 1

Ich bin mir nicht sicher, ob simple_form konfiguriert werden kann, um zu liefern, was Foundation 6 für Felder mit Fehlern benötigt.

Bis ich das herausfinden kann (wenn, wenn, wenn), ich habe diesen Hack anstelle Sass mit @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; 
    } 
} 

Sind Sie mit dieser Antwort nicht zufrieden? Ich bin auch. Ich hoffe, dass jemand mir dies mit einer besseren Antwort "zeigen kann".

Answer 2

Nur ein wenig Fortschritt, können Sie in der Konfigurationsdatei festgelegt simple_form.rb dies:

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

und Fehlermeldungen formatiert .. Allerdings wird, habe ich nicht Lösung für Etiketten und Eingänge finden, so dass die @ Chris-Lösung für Etiketten und Eingaben wird noch benötigt. wenn Sie nicht brauchen, jedoch roten Etiketten und Eingänge, ist dies ausreichend

Answer 3

Hinweise zu bekommen (auch bekannt als Hilfetext) korrekt arbeitet, bearbeiten config/simple_form_foundation.rb und fügen:

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