Rails vs bootstrap: form errors

Community IT
1

Ciao,

Voi che usate bootstrap, come fate a gestire i form di Rails e
soprattutto i campi con errori?

Il problema e` che Rails genera campi con field_with_errors, mentre il
CSS di Bootstrap vuole altre classi.

Sto dando un’occhiata a questo:

E ho visto anche una soluzione che usa Javascript (ma non mi piace
come strategia). Altre idee?

–
David N. Welton

http://www.welton.it/davidw/

http://www.dedasys.com/

2

Il giorno 23 aprile 2012 10:48, David W. [email protected] ha
scritto:

GitHub - stouset/twitter_bootstrap_form_for: A Rails FormBuilder DSL for generating Twitter Bootstrap forms

E ho visto anche una soluzione che usa Javascript (ma non mi piace
come strategia). Altre idee?

Ciao David,

Se il problema solo una questione di naming delle classi, puoi
tranquillamente creare una nuova classe CSS field_with_errors che
includa
le classi di boostrap.
Temo per che non sia cos facile.

Puoi dare anche un occhio a questo:
GitHub - mjbellantoni/formtastic-bootstrap: Formtastic form builder to generate Twitter Bootstrap-friendly markup..

Attento che queste soluzioni si basano su bootstrap 1.3.

Ciao,

Matteo

3

se per te non un grosso problema, potresti usare simple_form (>= 2.0.x)
che
supporta il markup e le classi css di bootstrap.

una volta installata la gemma, basta generare l’apposito config:

rails g simple_form:install --bootstrap

ciao,
A.

Il 23/04/2012 10:48, David W. ha scritto:

4

Scusate se “forko” un attimo la discussione, ma sempre riguardo a
bootstrap, posso chiedere a chi ha pi esperienza come lo includete nei
progetti (in particolare rails)? Usate gemme particolare oppure lo
includete a mano?
Mi stavo guardando un po’ in giro e ho trovato questo:

5

Ciao,
io lo uso incluso “a mano” direttamente dal LESS, ma sono io che sono
“malfidente” e mi piace sapere cosa c’ nei miei progetti.
Quella gemma mi pare piuttosto usata, penso funzioni bene.

On Mon, Apr 23, 2012 at 12:05 PM, Tommaso V. <

6

Le differenze tra SASS e LESS sono talmente minimali che alla fine,
cercando di ricordarmi quale sto usando, li uso entrambi.
Preferisco la sintassi di SASS ma Boostrap fornito in LESS.

7

@luca
bootstrap in less, ma bootstrap-sass
(GitHub - twbs/bootstrap-sass: Official Sass port of Bootstrap 2 and 3.) sempre aggiornato.
ho trovato molto utile questa comparazione di sass vs less, by Chris
Eppstein sass_and_less_compared.markdown · GitHub

Personalmente le cose importanti che mi fanno preferire sass sono:

  • ereditariet da selettori
  • la indentation based syntax, addio odiose { } !

–

:: Andrea P.
:: email: [email protected]
:: mobile: +39 3926669268

Il giorno luned 23 aprile 2012, alle ore 12:17, Luca P. ha
scritto:

8

@David

  • se usi sass, puoi usare @extend nel css per includere una classe di
    bootstrap in un’altra classe
  • puoi modificare il proc di rails che genera field_with_errors

@Tommaso
se vuoi mantenere il markup semantico senza classi di presentazione la
soluzione che mi sembra migliore usare bootstrap-sass e includere i
pezzi che servono (simile a quello che dice Luca, ma sono pi per sass
che per less :stuck_out_tongue: )

–

:: Andrea P.
:: email: [email protected]
:: mobile: +39 3926669268

Il giorno luned 23 aprile 2012, alle ore 12:07, Luca P. ha
scritto:

9

No, io lo compilo server-side, non esageriamo :smiley:

10

Less e’ molto usato per via del renderer in js, usato da tantissima
gente.
Li riconosci quando sono in gruppo dallo sguardo “ma perche’ il mio sito
e’ lento?” :smiley:

ngw

On Apr 23, 2012, at 12:17 PM, Luca P. wrote:

:: email: [email protected]

On Mon, Apr 23, 2012 at 12:05 PM, Tommaso V. <

_____________**

[email protected]
http://lists.ruby-it.org/mailman/listinfo/ml

–
[ 926381, 23200231779, 1299022, 1045307475 ].collect { |a| a.to_s( 36 )
}.join( " " )
Nicholas W. (ngw)
[email protected]