Hey Bob,
Thank you for the response. I tried what you suggested:
body .t-error-popup span {
background:url('../images/
error-bevel-left-blue.png') no-repeat;
}
but unfortunately, that did not work either. However, I must thank you for
pointing me in the right direction. I read up a little on "specificity" and
that got me curious as to how the CSS is actually defined in Tapestry. I
downloaded the source and had a look at default.css and it contains the
following definition:
HTML>BODY DIV.t-error-popup SPAN {
background: transparent url('error-bevel-left.png') no-repeat;
}
which is very 'specific'. So, now I know why my css wasn't working. I
changed my CSS to below:
HTML>BODY DIV.t-error-popup SPAN {
background:url('../images/error-bevel-left-blue.png') no-repeat;
}
As both have same 'specificity' and as my css gets loaded after the default
(as rightly mentioned in the documentation), it overrides the default CSS.
Its all working now.
Thank you very much for all your help and assistance. Much appreciated.
Best Regards,
Sanket
On Mon, Sep 2, 2013 at 6:37 PM, Bob Harner <[email protected]> wrote:
> CSS problems like this are usually best solved by making the rule more
> *specific*. In CSS, the more specific rule wins.
>
> In simplistic terms, this means using more selectors. For example, just add
> "body", like this:
>
> body .t-error-popup span {
> background:url('../images/error-bevel-left-blue.png') no-repeat;
> }
>
> https://www.google.com/search?q=css+specificity
>
>
> On Mon, Sep 2, 2013 at 11:39 AM, Thiago H de Paula Figueiredo <
> [email protected]> wrote:
>
> > On Mon, 02 Sep 2013 12:21:49 -0300, Sanket Sharma <
> [email protected]>
> > wrote:
> >
> > Is there an easy way to style the error messages in alpha 15?
> >>
> >
> > It's still CSS, but without bubbles. Just override the default styles
> > (from Twitter Bootstrap). As far as I can remember (Eclipse not opened
> > right now), in 5.4 the only JavaScript used is to show and hide the HTML
> > elements containing the errors and to change their messages according to
> > the inputs, which is less than 5.3 and before.
> >
> >
> > --
> > Thiago H. de Paula Figueiredo
> >
> > ------------------------------**------------------------------**---------
> > To unsubscribe, e-mail: users-unsubscribe@tapestry.**apache.org<
> [email protected]>
> >
> > For additional commands, e-mail: [email protected]
> >
> >
>
