7

Simple Form include un modello Foundation 5.Foundation 6 with Rails Simple Form

Tuttavia, non riesco a trovare alcun file modello modificato per Foundation 6 sul Web.

Quanto bene funzionano i moduli generati con Foundation 6? Inoltre, una generosa parte del modello o dei suggerimenti di Foundation 6 sulla modifica del modello esistente?

risposta

8

Non sono sicuro che simple_form possa essere configurato per fornire ciò che Foundation 6 richiede per i campi con errori.

Fino a che non riesco a capire che fuori (se, se, se), ho questo hack in posizione utilizzando 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; 
    } 
} 

Sei insoddisfatto di questa risposta? Lo sono anche io. Spero che qualcuno possa "mostrarmi" su questo con una risposta migliore.

+0

Grazie Chris per essere utile :) – Gavin

+0

@Gavin Prego. Possiamo condividere il nostro tormento insieme di avere un meraviglioso 'TODO's nelle nostre app come questa. : D –

+0

@ChrisPeters quindi quando installi simple_form, puoi usare il generatore di base 5 allora questo hack? – Pak

1

Solo un po 'di avanzamento, è possibile impostare nel file di configurazione simple_form.rb questo:

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

e messaggi di errore verranno formattati .. Tuttavia, non ho trovato una soluzione per le etichette e gli ingressi, in modo che il @ soluzione di Chris per etichette e input è ancora necessario. Tuttavia, se non avete bisogno di etichette rosse e gli ingressi, questo è sufficiente

0

Per ottenere suggerimenti (aka aiutare testo) funziona correttamente, modificare config/simple_form_foundation.rb e aggiungere:

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