Forum: Italian Ruby user group Flash[:notice] e CSS

Announcement (2017-05-07): www.ruby-forum.com is now read-only since I unfortunately do not have the time to support and maintain the forum any more. Please see rubyonrails.org/community and ruby-lang.org/en/community for other Rails- und Ruby-related community platforms.
F514a744c5dc71c2a67e0f10023efaa8?d=identicon&s=25 Davide Spaggiari (spaggio)
on 2008-11-18 02:21
Mi sapete dire come stilizzare via CSS il tag generato dal
flash[:notice] ??
72e0b3f5418bfcf47488918109068c4c?d=identicon&s=25 Andrea Cuius (q_rails)
on 2008-11-18 09:18
(Received via mailing list)
nel css?

guardati il tag che genera se ne genera uno, non mi sembra, io di
solito la wrappo in una div o quel che sia.

<% if flash[:notice] %>
<div id='flash_notice' ....

...
..
7daea92c28be2e85196a4f6dfdb2f689?d=identicon&s=25 Claudio Petasecca Donati (etapeta)
on 2008-11-18 09:20
Puoi stilizzarlo come preferisci.
Un esempio:

app/views/layouts/application.html.erb:

<div id="content">
  <%= content_tag('div', flash[:error], :class => 'flash error') if
flash[:error] %>
  <%= content_tag('div', flash[:notice], :class => 'flash notice') if
flash[:notice] %>
  <%= yield %>
</div>

public/stylesheets/application.css:

div.flash {
  padding: 4px 4px 4px 30px;
  margin-bottom: 12px;
  font-size: 1.1em;
  border: 2px solid;
  margin-top: 8px;
}

div.flash.error {
  background: url(../images/false.png) 8px 5px no-repeat;
  background-color: #ffe3e3;
  border-color: #dd0000;
  color: #550000;
}

div.flash.notice {
  background: url(../images/true.png) 8px 5px no-repeat;
  background-color: #dfffdf;
  border-color: #9fcf9f;
  color: #005f00;
}
B9b6f0fca49be48d16fdf8b1459cf686?d=identicon&s=25 Marco Ballante (marcob)
on 2008-11-18 09:52
Davide Spaggiari wrote:
> Mi sapete dire come stilizzare via CSS il tag generato dal
> flash[:notice] ??

Forse ti potrebbe interessare questo link
http://snippets.dzone.com/posts/show/6440
8768bcdbda1adf80e4da6744268868af?d=identicon&s=25 Pietro Giorgianni (giorgian)
on 2008-11-18 10:54
(Received via mailing list)
2008/11/18 Claudio Petasecca Donati <cpetasecca@gmail.com>:

> div.flash.error {
>  background: url(../images/false.png) 8px 5px no-repeat;

nota a margine:
per quanto comodo sia questo approccio, lo sconsiglio, in quanto poco
accessibile: chi ha problemi di vista non distinguerebbe un warning da
un error o un notice, perché le immagini css non hanno un tag "alt".

tutte le immagini che hanno una semantica, e non solo valenza
estetica, dovrebbero essere inserite come tag img con un alt
opportuno.

in alternativa si può usare lo stile, ripetendo però a parole quello
che lo stile indica (esempio:

<%= content_tag('div', "Errore! " + flash[:error], :class => 'flash
error') if flash[:error] %>
7daea92c28be2e85196a4f6dfdb2f689?d=identicon&s=25 Claudio Petasecca Donati (etapeta)
on 2008-11-18 11:09
Pietro Giorgianni wrote:
> per quanto comodo sia questo approccio, lo sconsiglio, in quanto poco
> accessibile: chi ha problemi di vista non distinguerebbe un warning da
> un error o un notice, perch� le immagini css non hanno un tag "alt".

Considera che ci sono anche un colore di fondo e di bordo che, come
l'immagine, distinguono l'error dal notice.
This topic is locked and can not be replied to.