You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@myfaces.apache.org by Francisco Passos <fr...@gmail.com> on 2007/08/29 12:39:38 UTC
[Trinidad] Skinning tr:table lines on hover
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
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Simon Lessard <si...@gmail.com>.
Yeah, I agree more component parts need their own selector...
The following might work, but will cause some problem with nesting:
af|table::content tr:hover
{
background-color: yellow;
}
Regards,
~ Simon
On 8/30/07, Andrew Robinson <an...@gmail.com> wrote:
>
> 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 <fr...@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 <an...@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 <fr...@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
> > > >
> > >
> >
> >
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Chris Rice <ch...@prepresstraining.com>.
You have to be careful with cell-text having a default background color.
af|table::content tr:hover {
background-color: #color
}
Worked but only if I also used:
af|column::cell-text{-tr-inhibit: background-color}
chris
Simon Lessard wrote:
> Yeah, I agree more component parts need their own selector...
>
> The following might work, but will cause some problem with nesting:
>
> af|table::content tr:hover
> {
> background-color: yellow;
> }
>
> Regards,
>
> ~ Simon
>
> On 8/30/07, * Andrew Robinson* <andrew.rw.robinson@gmail.com
> <ma...@gmail.com>> wrote:
>
> 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
> <ma...@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
> <ma...@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
> <ma...@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
> > > >
> > >
> >
> >
>
>
> ------------------------------------------------------------------------
>
> No virus found in this incoming message.
> Checked by AVG Free Edition.
> Version: 7.5.484 / Virus Database: 269.12.12/979 - Release Date: 8/29/2007 8:21 PM
>
--
--------------------------------------
Chris Rice
Customer Service
chris@prepresstraining.com
800-355-6429 ext 110
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Ben Smith <le...@gmail.com>.
I ran into the same problem with :hover in IE6 and I came across this solution:
http://lawrence.ecorp.net/inet/samples/css-ie-hover.shtml
Thanks to something non-standard MS included in IE you can get IE to
pretend to support the spec. It worked for me and it seems to be
ignored by other browsers (only tried Firefox).
--Ben
On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> I've just discovered our client will be running the application on IE6 :S
>
> Which means I'll have to find some other way. Is there anything else you
> could imagine?
>
>
> On 8/31/07, Simon Lessard <si...@gmail.com> wrote:
> > It doesn't work in IE 6 because Microsoft, in its ultimate wisdom, decided
> that IE 6 should support :hover only on <a> and that :hover on other
> elements was not so useful and/or to long to implement and/or some other
> very good reasons.
> >
> > I'm pretty sure Miscrosoft would go bankrupt if every single company was
> to sue them for the loss of time and efficiency they suffered to make their
> application work with IE.
> >
> >
> >
> > ~ Simon
> >
> >
> > On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> > > Indeed it works!
> > >
> > > Firefox and IE7 seem to like this solution, although IE6 doesn't.
> Although I'm not sure if that is going to ultimately matter for the project
> I'm working on, I've got a solution when I thought there might be none.
> > >
> > > Thank you Simon, Andrew and Chris.
> > >
> > >
> > >
> > > On 8/31/07, Simon Lessard < simon.lessard.3@gmail.com> wrote:
> > > > Hello Francisco,
> > > >
> > > > Try the following selectors
> > > > af|table::content tr:hover af|column::cell-text
> > > > af|table::content tr:hover af|column::cell-text-band
> > > >
> > > >
> > > > I did not test it though, but it should work.
> > > >
> > > >
> > > > Regards,
> > > >
> > > > ~ Simon
> > > >
> > > >
> > > > On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> > > >
> > > > > Thank you for all your tips!
> > > > >
> > > > > Andrew, your solution might work, but as you put it, it is highly
> dependent on the rendered html, which means any change in the hierarchy will
> make it stop working.
> > > > >
> > > > > As for Simon, your solution:
> > > > >
> > > > > af|table::content tr:hover
> > > > > {
> > > > > background-color: yellow;
> > > > > }
> > > > >
> > > > > Doesn't work, because I'm using banding.
> > > > >
> > > > > However if I add
> > > > >
> > > > > af|column::cell-text{-tr-inhibit: background-color}
> > > > >
> > > > > af|column::cell-text-band{-tr-inhibit:
> background-color}
> > > > >
> > > > > like Chris suggested, it works fine for the hover, but I lose
> banding.
> > > > >
> > > > >
> > > > > Is there a way to get hover AND banding together?
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > On 8/30/07, Jeanne Waldman <je...@oracle.com> wrote:
> > > > > >
> > > > > > I agree as well. The components my team is working on now have a
> lot more skinning hooks mainly because we don't want people to have to do
> what you are doing.
> > > > > > - Jeanne
> > > > > >
> > > > > >
> > > > > > Simon Lessard wrote:
> > > > > > Yeah, I agree more component parts need their own selector...
> > > > > >
> > > > > > The following might work, but will cause some problem with
> nesting:
> > > > > >
> > > > > > af|table::content tr:hover
> > > > > > {
> > > > > > background-color: yellow;
> > > > > > }
> > > > > >
> > > > > > Regards,
> > > > > >
> > > > > > ~ Simon
> > > > > >
> > > > > >
> > > > > > On 8/30/07, Andrew Robinson <an...@gmail.com> wrote:
> > > > > > > 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 <fr...@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 <an...@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 <fr...@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
> > > > > > > > > >
> > > > > > > > >
> > > > > > > >
> > > > > > > >
> > > > > > >
> > > > > >
> > > > > >
> > > > >
> > > > >
> > > >
> > > >
> > >
> > >
> >
> >
>
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Francisco Passos <fr...@gmail.com>.
Thank you, I intend to try this soon.
Regards,
Francisco Passos
On 8/31/07, Andrew Robinson <an...@gmail.com> wrote:
>
> Try this:
>
> http://www.xs4all.nl/~peterned/csshover.html
>
> On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> > I've just discovered our client will be running the application on IE6
> :S
> >
> > Which means I'll have to find some other way. Is there anything else you
> > could imagine?
> >
> >
> >
> > On 8/31/07, Simon Lessard <si...@gmail.com> wrote:
> > > It doesn't work in IE 6 because Microsoft, in its ultimate wisdom,
> decided
> > that IE 6 should support :hover only on <a> and that :hover on other
> > elements was not so useful and/or to long to implement and/or some other
> > very good reasons.
> > >
> > > I'm pretty sure Miscrosoft would go bankrupt if every single company
> was
> > to sue them for the loss of time and efficiency they suffered to make
> their
> > application work with IE.
> > >
> > >
> > >
> > > ~ Simon
> > >
> > >
> > > On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> > > > Indeed it works!
> > > >
> > > > Firefox and IE7 seem to like this solution, although IE6 doesn't.
> > Although I'm not sure if that is going to ultimately matter for the
> project
> > I'm working on, I've got a solution when I thought there might be none.
> > > >
> > > > Thank you Simon, Andrew and Chris.
> > > >
> > > >
> > > >
> > > > On 8/31/07, Simon Lessard < simon.lessard.3@gmail.com> wrote:
> > > > > Hello Francisco,
> > > > >
> > > > > Try the following selectors
> > > > > af|table::content tr:hover af|column::cell-text
> > > > > af|table::content tr:hover af|column::cell-text-band
> > > > >
> > > > >
> > > > > I did not test it though, but it should work.
> > > > >
> > > > >
> > > > > Regards,
> > > > >
> > > > > ~ Simon
> > > > >
> > > > >
> > > > > On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> > > > >
> > > > > > Thank you for all your tips!
> > > > > >
> > > > > > Andrew, your solution might work, but as you put it, it is
> highly
> > dependent on the rendered html, which means any change in the hierarchy
> will
> > make it stop working.
> > > > > >
> > > > > > As for Simon, your solution:
> > > > > >
> > > > > > af|table::content tr:hover
> > > > > > {
> > > > > > background-color: yellow;
> > > > > > }
> > > > > >
> > > > > > Doesn't work, because I'm using banding.
> > > > > >
> > > > > > However if I add
> > > > > >
> > > > > > af|column::cell-text{-tr-inhibit: background-color}
> > > > > >
> > > > > > af|column::cell-text-band{-tr-inhibit:
> > background-color}
> > > > > >
> > > > > > like Chris suggested, it works fine for the hover, but I lose
> > banding.
> > > > > >
> > > > > >
> > > > > > Is there a way to get hover AND banding together?
> > > > > >
> > > > > >
> > > > > >
> > > > > >
> > > > > > On 8/30/07, Jeanne Waldman <je...@oracle.com> wrote:
> > > > > > >
> > > > > > > I agree as well. The components my team is working on now have
> a
> > lot more skinning hooks mainly because we don't want people to have to
> do
> > what you are doing.
> > > > > > > - Jeanne
> > > > > > >
> > > > > > >
> > > > > > > Simon Lessard wrote:
> > > > > > > Yeah, I agree more component parts need their own selector...
> > > > > > >
> > > > > > > The following might work, but will cause some problem with
> > nesting:
> > > > > > >
> > > > > > > af|table::content tr:hover
> > > > > > > {
> > > > > > > background-color: yellow;
> > > > > > > }
> > > > > > >
> > > > > > > Regards,
> > > > > > >
> > > > > > > ~ Simon
> > > > > > >
> > > > > > >
> > > > > > > On 8/30/07, Andrew Robinson <an...@gmail.com>
> wrote:
> > > > > > > > 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 <fr...@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
> > > > > > > > > > >
> > > > > > > > > >
> > > > > > > > >
> > > > > > > > >
> > > > > > > >
> > > > > > >
> > > > > > >
> > > > > >
> > > > > >
> > > > >
> > > > >
> > > >
> > > >
> > >
> > >
> >
> >
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Andrew Robinson <an...@gmail.com>.
Try this:
http://www.xs4all.nl/~peterned/csshover.html
On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> I've just discovered our client will be running the application on IE6 :S
>
> Which means I'll have to find some other way. Is there anything else you
> could imagine?
>
>
>
> On 8/31/07, Simon Lessard <si...@gmail.com> wrote:
> > It doesn't work in IE 6 because Microsoft, in its ultimate wisdom, decided
> that IE 6 should support :hover only on <a> and that :hover on other
> elements was not so useful and/or to long to implement and/or some other
> very good reasons.
> >
> > I'm pretty sure Miscrosoft would go bankrupt if every single company was
> to sue them for the loss of time and efficiency they suffered to make their
> application work with IE.
> >
> >
> >
> > ~ Simon
> >
> >
> > On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> > > Indeed it works!
> > >
> > > Firefox and IE7 seem to like this solution, although IE6 doesn't.
> Although I'm not sure if that is going to ultimately matter for the project
> I'm working on, I've got a solution when I thought there might be none.
> > >
> > > Thank you Simon, Andrew and Chris.
> > >
> > >
> > >
> > > On 8/31/07, Simon Lessard < simon.lessard.3@gmail.com> wrote:
> > > > Hello Francisco,
> > > >
> > > > Try the following selectors
> > > > af|table::content tr:hover af|column::cell-text
> > > > af|table::content tr:hover af|column::cell-text-band
> > > >
> > > >
> > > > I did not test it though, but it should work.
> > > >
> > > >
> > > > Regards,
> > > >
> > > > ~ Simon
> > > >
> > > >
> > > > On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> > > >
> > > > > Thank you for all your tips!
> > > > >
> > > > > Andrew, your solution might work, but as you put it, it is highly
> dependent on the rendered html, which means any change in the hierarchy will
> make it stop working.
> > > > >
> > > > > As for Simon, your solution:
> > > > >
> > > > > af|table::content tr:hover
> > > > > {
> > > > > background-color: yellow;
> > > > > }
> > > > >
> > > > > Doesn't work, because I'm using banding.
> > > > >
> > > > > However if I add
> > > > >
> > > > > af|column::cell-text{-tr-inhibit: background-color}
> > > > >
> > > > > af|column::cell-text-band{-tr-inhibit:
> background-color}
> > > > >
> > > > > like Chris suggested, it works fine for the hover, but I lose
> banding.
> > > > >
> > > > >
> > > > > Is there a way to get hover AND banding together?
> > > > >
> > > > >
> > > > >
> > > > >
> > > > > On 8/30/07, Jeanne Waldman <je...@oracle.com> wrote:
> > > > > >
> > > > > > I agree as well. The components my team is working on now have a
> lot more skinning hooks mainly because we don't want people to have to do
> what you are doing.
> > > > > > - Jeanne
> > > > > >
> > > > > >
> > > > > > Simon Lessard wrote:
> > > > > > Yeah, I agree more component parts need their own selector...
> > > > > >
> > > > > > The following might work, but will cause some problem with
> nesting:
> > > > > >
> > > > > > af|table::content tr:hover
> > > > > > {
> > > > > > background-color: yellow;
> > > > > > }
> > > > > >
> > > > > > Regards,
> > > > > >
> > > > > > ~ Simon
> > > > > >
> > > > > >
> > > > > > On 8/30/07, Andrew Robinson <an...@gmail.com> wrote:
> > > > > > > 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 <fr...@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 <an...@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 <fr...@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
> > > > > > > > > >
> > > > > > > > >
> > > > > > > >
> > > > > > > >
> > > > > > >
> > > > > >
> > > > > >
> > > > >
> > > > >
> > > >
> > > >
> > >
> > >
> >
> >
>
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Francisco Passos <fr...@gmail.com>.
I've just discovered our client will be running the application on IE6 :S
Which means I'll have to find some other way. Is there anything else you
could imagine?
On 8/31/07, Simon Lessard <si...@gmail.com> wrote:
>
> It doesn't work in IE 6 because Microsoft, in its ultimate wisdom, decided
> that IE 6 should support :hover only on <a> and that :hover on other
> elements was not so useful and/or to long to implement and/or some other
> very good reasons.
>
> I'm pretty sure Miscrosoft would go bankrupt if every single company was
> to sue them for the loss of time and efficiency they suffered to make their
> application work with IE.
>
>
> ~ Simon
>
> On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> >
> > Indeed it works!
> >
> > Firefox and IE7 seem to like this solution, although IE6 doesn't.
> > Although I'm not sure if that is going to ultimately matter for the project
> > I'm working on, I've got a solution when I thought there might be none.
> >
> > Thank you Simon, Andrew and Chris.
> >
> > On 8/31/07, Simon Lessard < simon.lessard.3@gmail.com> wrote:
> > >
> > > Hello Francisco,
> > >
> > > Try the following selectors
> > > af|table::content tr:hover af|column::cell-text
> > > af|table::content tr:hover af|column::cell-text-band
> > >
> > > I did not test it though, but it should work.
> > >
> > >
> > > Regards,
> > >
> > > ~ Simon
> > >
> > > On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> > >
> > > > Thank you for all your tips!
> > > >
> > > > Andrew, your solution might work, but as you put it, it is highly
> > > > dependent on the rendered html, which means any change in the hierarchy will
> > > > make it stop working.
> > > >
> > > > As for Simon, your solution:
> > > >
> > > > af|table::content tr:hover
> > > > {
> > > > background-color: yellow;
> > > > }
> > > >
> > > > Doesn't work, because I'm using banding.
> > > >
> > > > However if I add
> > > >
> > > > af|column::cell-text{-tr-inhibit: background-color}
> > > >
> > > > af|column::cell-text-band{-tr-inhibit: background-color}
> > > >
> > > > like Chris suggested, it works fine for the hover, but I lose
> > > > banding.
> > > >
> > > >
> > > > Is there a way to get hover AND banding together?
> > > >
> > > >
> > > > On 8/30/07, Jeanne Waldman <je...@oracle.com> wrote:
> > > > >
> > > > > I agree as well. The components my team is working on now have a
> > > > > lot more skinning hooks mainly because we don't want people to have to do
> > > > > what you are doing.
> > > > > - Jeanne
> > > > >
> > > > > Simon Lessard wrote:
> > > > >
> > > > > Yeah, I agree more component parts need their own selector...
> > > > >
> > > > > The following might work, but will cause some problem with
> > > > > nesting:
> > > > >
> > > > > af|table::content tr:hover
> > > > > {
> > > > > background-color: yellow;
> > > > > }
> > > > >
> > > > > Regards,
> > > > >
> > > > > ~ Simon
> > > > >
> > > > > On 8/30/07, Andrew Robinson <an...@gmail.com> wrote:
> > > > > >
> > > > > > 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 <fr...@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 <an...@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 <fr...@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
> > > > > > > > >
> > > > > > > >
> > > > > > >
> > > > > > >
> > > > > >
> > > > >
> > > > >
> > > >
> > >
> >
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Simon Lessard <si...@gmail.com>.
It doesn't work in IE 6 because Microsoft, in its ultimate wisdom, decided
that IE 6 should support :hover only on <a> and that :hover on other
elements was not so useful and/or to long to implement and/or some other
very good reasons.
I'm pretty sure Miscrosoft would go bankrupt if every single company was to
sue them for the loss of time and efficiency they suffered to make their
application work with IE.
~ Simon
On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
>
> Indeed it works!
>
> Firefox and IE7 seem to like this solution, although IE6 doesn't. Although
> I'm not sure if that is going to ultimately matter for the project I'm
> working on, I've got a solution when I thought there might be none.
>
> Thank you Simon, Andrew and Chris.
>
> On 8/31/07, Simon Lessard <si...@gmail.com> wrote:
> >
> > Hello Francisco,
> >
> > Try the following selectors
> > af|table::content tr:hover af|column::cell-text
> > af|table::content tr:hover af|column::cell-text-band
> >
> > I did not test it though, but it should work.
> >
> >
> > Regards,
> >
> > ~ Simon
> >
> > On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
> >
> > > Thank you for all your tips!
> > >
> > > Andrew, your solution might work, but as you put it, it is highly
> > > dependent on the rendered html, which means any change in the hierarchy will
> > > make it stop working.
> > >
> > > As for Simon, your solution:
> > >
> > > af|table::content tr:hover
> > > {
> > > background-color: yellow;
> > > }
> > >
> > > Doesn't work, because I'm using banding.
> > >
> > > However if I add
> > >
> > > af|column::cell-text{-tr-inhibit: background-color}
> > >
> > > af|column::cell-text-band{-tr-inhibit: background-color}
> > >
> > > like Chris suggested, it works fine for the hover, but I lose banding.
> > >
> > >
> > > Is there a way to get hover AND banding together?
> > >
> > >
> > > On 8/30/07, Jeanne Waldman <je...@oracle.com> wrote:
> > > >
> > > > I agree as well. The components my team is working on now have a
> > > > lot more skinning hooks mainly because we don't want people to have to do
> > > > what you are doing.
> > > > - Jeanne
> > > >
> > > > Simon Lessard wrote:
> > > >
> > > > Yeah, I agree more component parts need their own selector...
> > > >
> > > > The following might work, but will cause some problem with nesting:
> > > >
> > > > af|table::content tr:hover
> > > > {
> > > > background-color: yellow;
> > > > }
> > > >
> > > > Regards,
> > > >
> > > > ~ Simon
> > > >
> > > > On 8/30/07, Andrew Robinson <an...@gmail.com> wrote:
> > > > >
> > > > > 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 <fr...@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 <an...@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 <fr...@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
> > > > > > > >
> > > > > > >
> > > > > >
> > > > > >
> > > > >
> > > >
> > > >
> > >
> >
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Francisco Passos <fr...@gmail.com>.
Indeed it works!
Firefox and IE7 seem to like this solution, although IE6 doesn't. Although
I'm not sure if that is going to ultimately matter for the project I'm
working on, I've got a solution when I thought there might be none.
Thank you Simon, Andrew and Chris.
On 8/31/07, Simon Lessard <si...@gmail.com> wrote:
>
> Hello Francisco,
>
> Try the following selectors
> af|table::content tr:hover af|column::cell-text
> af|table::content tr:hover af|column::cell-text-band
>
> I did not test it though, but it should work.
>
>
> Regards,
>
> ~ Simon
>
> On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
>
> > Thank you for all your tips!
> >
> > Andrew, your solution might work, but as you put it, it is highly
> > dependent on the rendered html, which means any change in the hierarchy will
> > make it stop working.
> >
> > As for Simon, your solution:
> >
> > af|table::content tr:hover
> > {
> > background-color: yellow;
> > }
> >
> > Doesn't work, because I'm using banding.
> >
> > However if I add
> >
> > af|column::cell-text{-tr-inhibit: background-color}
> >
> > af|column::cell-text-band{-tr-inhibit: background-color}
> >
> > like Chris suggested, it works fine for the hover, but I lose banding.
> >
> >
> > Is there a way to get hover AND banding together?
> >
> >
> > On 8/30/07, Jeanne Waldman <je...@oracle.com> wrote:
> > >
> > > I agree as well. The components my team is working on now have a lot
> > > more skinning hooks mainly because we don't want people to have to do what
> > > you are doing.
> > > - Jeanne
> > >
> > > Simon Lessard wrote:
> > >
> > > Yeah, I agree more component parts need their own selector...
> > >
> > > The following might work, but will cause some problem with nesting:
> > >
> > > af|table::content tr:hover
> > > {
> > > background-color: yellow;
> > > }
> > >
> > > Regards,
> > >
> > > ~ Simon
> > >
> > > On 8/30/07, Andrew Robinson <an...@gmail.com> wrote:
> > > >
> > > > 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 <fr...@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 <an...@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 <fr...@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
> > > > > > >
> > > > > >
> > > > >
> > > > >
> > > >
> > >
> > >
> >
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Simon Lessard <si...@gmail.com>.
Hello Francisco,
Try the following selectors
af|table::content tr:hover af|column::cell-text
af|table::content tr:hover af|column::cell-text-band
I did not test it though, but it should work.
Regards,
~ Simon
On 8/31/07, Francisco Passos <fr...@gmail.com> wrote:
>
> Thank you for all your tips!
>
> Andrew, your solution might work, but as you put it, it is highly
> dependent on the rendered html, which means any change in the hierarchy will
> make it stop working.
>
> As for Simon, your solution:
>
> af|table::content tr:hover
> {
> background-color: yellow;
> }
>
> Doesn't work, because I'm using banding.
>
> However if I add
>
> af|column::cell-text{-tr-inhibit: background-color}
>
> af|column::cell-text-band{-tr-inhibit: background-color}
>
> like Chris suggested, it works fine for the hover, but I lose banding.
>
>
> Is there a way to get hover AND banding together?
>
>
> On 8/30/07, Jeanne Waldman <je...@oracle.com> wrote:
> >
> > I agree as well. The components my team is working on now have a lot
> > more skinning hooks mainly because we don't want people to have to do what
> > you are doing.
> > - Jeanne
> >
> > Simon Lessard wrote:
> >
> > Yeah, I agree more component parts need their own selector...
> >
> > The following might work, but will cause some problem with nesting:
> >
> > af|table::content tr:hover
> > {
> > background-color: yellow;
> > }
> >
> > Regards,
> >
> > ~ Simon
> >
> > On 8/30/07, Andrew Robinson <an...@gmail.com> wrote:
> > >
> > > 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 <fr...@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 <an...@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 <fr...@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
> > > > > >
> > > > >
> > > >
> > > >
> > >
> >
> >
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Francisco Passos <fr...@gmail.com>.
Thank you for all your tips!
Andrew, your solution might work, but as you put it, it is highly dependent
on the rendered html, which means any change in the hierarchy will make it
stop working.
As for Simon, your solution:
af|table::content tr:hover
{
background-color: yellow;
}
Doesn't work, because I'm using banding.
However if I add
af|column::cell-text{-tr-inhibit: background-color}
af|column::cell-text-band{-tr-inhibit: background-color}
like Chris suggested, it works fine for the hover, but I lose banding.
Is there a way to get hover AND banding together?
On 8/30/07, Jeanne Waldman <je...@oracle.com> wrote:
>
> I agree as well. The components my team is working on now have a lot more
> skinning hooks mainly because we don't want people to have to do what you
> are doing.
> - Jeanne
>
> Simon Lessard wrote:
>
> Yeah, I agree more component parts need their own selector...
>
> The following might work, but will cause some problem with nesting:
>
> af|table::content tr:hover
> {
> background-color: yellow;
> }
>
> Regards,
>
> ~ Simon
>
> On 8/30/07, Andrew Robinson <an...@gmail.com> wrote:
> >
> > 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 <fr...@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 <an...@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 <fr...@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
> > > > >
> > > >
> > >
> > >
> >
>
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Simon Lessard <si...@gmail.com>.
Yeah, I agree more component parts need their own selector...
The following might work, but will cause some problem with nesting:
af|table::content tr:hover
{
background-color: yellow;
}
Regards,
~ Simon
On 8/30/07, Andrew Robinson <an...@gmail.com> wrote:
>
> 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 <fr...@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 <an...@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 <fr...@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
> > > >
> > >
> >
> >
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Andrew Robinson <an...@gmail.com>.
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 <fr...@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 <an...@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 <fr...@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
> > >
> >
>
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Francisco Passos <fr...@gmail.com>.
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 <an...@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 <fr...@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
> >
>
Re: [Trinidad] Skinning tr:table lines on hover
Posted by Andrew Robinson <an...@gmail.com>.
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 <fr...@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
>