myfaces-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Andrew Robinson" <andrew.rw.robin...@gmail.com>
Subject Re: [Trinidad] Skinning tr:table lines on hover
Date Thu, 30 Aug 2007 18:10:31 GMT
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 <francisco.passos@gmail.com> 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 <andrew.rw.robinson@gmail.com> 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 <francisco.passos@gmail.com> 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
> > >
> >
>
>

Mime
View raw message