I got it to work, but it is very ugly and a really bad hack:
CSS:
.hoverTable TBODY > TR > TD > TABLE > TBODY > TR > TD {
background-color: transparent;
}
.hoverTable TBODY > TR > TD > TABLE > TBODY > TR:hover {
background-color: yellow;
}
XHTML:
<tr:table var="_cookie" value="#{facesContext.externalContext.request.cookies}"
styleClass="hoverTable">
<tr:column>
#{_cookie.name}
</tr:column>
<tr:column>
#{_cookie.value}
</tr:column>
</tr:table>
It would be great to get skinning class support on every element
written by any of the Trinidad renderers.
Maybe one of the skin experts can shed some light and a better solution.
-Andrew
On 8/30/07, Francisco Passos <[EMAIL PROTECTED]> wrote:
> Hello Andrew, thank you for your tip.
>
> I just tried your solution, but it doesn't appear to work.
>
> The generated css has this
>
> .af_table.p_AFContent > TR:hover {background-color:yellow}
>
> However it is mentioned nowhere in the html, nor is it implicitly used and
> applied to the table...
>
> What could cause this? Are there alternatives?
>
> Thank you,
> Francisco Passos
>
>
>
>
> On 8/29/07, Andrew Robinson <[EMAIL PROTECTED]> wrote:
> > It doesn't look like the table renderer adds any style classes onto
> > the TR elements. You could use CSS to do it. Have you tried:
> >
> > af|table:content > TR:hover {
> > background-color: yellow;
> > }
> >
> > This should theoretically work in IE7 and the "good" browsers
> >
> > On 8/29/07, Francisco Passos <[EMAIL PROTECTED]> wrote:
> > > Hello all!
> > >
> > > I'm wondering if it is possible to change the css style for a tr:table
> line
> > > when the mouse is hovering.
> > > And if so, can one do it directly on the skin?
> > >
> > > Thank you,
> > >
> > > Francisco Passos
> > >
> >
>
>
