Forum: Italian Ruby user group rails vs bootstrap: form errors

9daa9b4739a6e95078cbcfb624d7bb8e?d=identicon&s=25 David Welton (Guest)
on 2012-04-23 10:48
(Received via mailing list)
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:

https://github.com/stouset/twitter_bootstrap_form_for

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/
18bd7c6669193d3dd0030d77854b6248?d=identicon&s=25 Matteo Collina (Guest)
on 2012-04-23 11:06
(Received via mailing list)
Il giorno 23 aprile 2012 10:48, David Welton <davidnwelton@gmail.com> ha
scritto:

> https://github.com/stouset/twitter_bootstrap_form_for
>
> 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:
https://github.com/mjbellantoni/formtastic-bootstrap.

Attento che queste soluzioni si basano su bootstrap 1.3.

Ciao,

Matteo
Eda3d93f49a394d603bd5ecd7c821269?d=identicon&s=25 Andrea Pavoni (apeacox)
on 2012-04-23 11:31
(Received via mailing list)
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 Welton ha scritto:
6dbddfda34303f8d83620f7293612671?d=identicon&s=25 Tommaso Visconti (Guest)
on 2012-04-23 12:05
(Received via mailing list)
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:
https://github.com/seyhunak/twitter-bootstrap-rails
5ffafe70176a99f175d16192fd5be69e?d=identicon&s=25 Luca P. (luca_p)
on 2012-04-23 12:08
(Received via mailing list)
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 Visconti <
55ed99e505f73461bada1ecb80cedd93?d=identicon&s=25 Andrea Pigato (Guest)
on 2012-04-23 12:23
(Received via mailing list)
@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 :P )


--

:: Andrea Pigato
:: email: andreapigato@gmail.com
:: mobile: +39 3926669268


Il giorno luned 23 aprile 2012, alle ore 12:07, Luca Pradovera ha
scritto:
5ffafe70176a99f175d16192fd5be69e?d=identicon&s=25 Luca P. (luca_p)
on 2012-04-23 12:29
(Received via mailing list)
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.
55ed99e505f73461bada1ecb80cedd93?d=identicon&s=25 Andrea Pigato (Guest)
on 2012-04-23 12:29
(Received via mailing list)
@luca
bootstrap  in less, ma bootstrap-sass
(https://github.com/thomas-mcdonald/bootstrap-sass)  sempre aggiornato.
ho trovato molto utile questa comparazione di sass vs less, by Chris
Eppstein https://gist.github.com/674726

Personalmente le cose importanti che mi fanno preferire sass sono:
- ereditariet da selettori
- la indentation based syntax, addio odiose { } !


--

:: Andrea Pigato
:: email: andreapigato@gmail.com
:: mobile: +39 3926669268


Il giorno luned 23 aprile 2012, alle ore 12:17, Luca Pradovera ha
scritto:
7b8c4392528b20b47726142f7a20c7cd?d=identicon&s=25 Nicholas Wieland (Guest)
on 2012-04-23 12:35
(Received via mailing list)
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?" :D

  ngw

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

>>
>> :: email: andreapigato@gmail.com
>>> On Mon, Apr 23, 2012 at 12:05 PM, Tommaso Visconti <
>>>> ______________________________**_________________
>>>
> Ml@lists.ruby-it.org
> http://lists.ruby-it.org/mailman/listinfo/ml

--
[ 926381, 23200231779, 1299022, 1045307475 ].collect { |a| a.to_s( 36 )
}.join( " " )
Nicholas Wieland (ngw)
ngw@nofeed.org
http://nofeed.org
5ffafe70176a99f175d16192fd5be69e?d=identicon&s=25 Luca P. (luca_p)
on 2012-04-23 12:36
(Received via mailing list)
No, io lo compilo server-side, non esageriamo :-D
Please log in before posting. Registration is free and takes only a minute.
Existing account

NEW: Do you have a Google/GoogleMail, Yahoo or Facebook account? No registration required!
Log in with Google account | Log in with Yahoo account | Log in with Facebook account
No account? Register here.