myfaces-users mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Jeanne Waldman <jeanne.wald...@oracle.com>
Subject Re: [Trinidad] Skinning tr:table lines on hover
Date Thu, 30 Aug 2007 19:10:32 GMT
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
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.<br>
- Jeanne<br>
<br>
Simon Lessard wrote:
<blockquote
 cite="mid254acf980708301123w42072d97s529fff1b773d9734@mail.gmail.com"
 type="cite">Yeah, I agree more component parts need their own
selector...<br>
  <br>
The following might work, but will cause some problem with nesting:<br>
  <br>
  <span style="font-family: courier new,monospace;">af|table::content
tr:hover</span>
  <br style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">{</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp; background-color:
yellow;
  </span><br style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">}</span><br>
  <br>
Regards,<br>
  <br>
~ Simon<br>
  <br>
  <div><span class="gmail_quote">On 8/30/07, <b
 class="gmail_sendername">
Andrew Robinson</b> &lt;<a href="mailto:andrew.rw.robinson@gmail.com">andrew.rw.robinson@gmail.com</a>&gt;
wrote:</span>
  <blockquote class="gmail_quote"
 style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left:
1ex;">I
got it to work, but it is very ugly and a really bad hack:<br>
    <br>
CSS:<br>
.hoverTable TBODY &gt; TR &gt; TD &gt; TABLE &gt; TBODY &gt; TR &gt;
TD
{<br>
&nbsp;&nbsp;background-color: transparent;<br>
}<br>
.hoverTable TBODY &gt; TR &gt; TD &gt; TABLE &gt; TBODY &gt; TR:hover
{
    <br>
&nbsp;&nbsp;background-color: yellow;<br>
}<br>
    <br>
XHTML:<br>
&lt;tr:table var="_cookie"
value="#{facesContext.externalContext.request.cookies}"<br>
&nbsp;&nbsp;styleClass="hoverTable"&gt;<br>
&nbsp;&nbsp;&lt;tr:column&gt;
    <br>
&nbsp;&nbsp;&nbsp;&nbsp;#{_cookie.name}<br>
&nbsp;&nbsp;&lt;/tr:column&gt;<br>
&nbsp;&nbsp;&lt;tr:column&gt;<br>
&nbsp;&nbsp;&nbsp;&nbsp;#{_cookie.value}<br>
&nbsp;&nbsp;&lt;/tr:column&gt;<br>
&lt;/tr:table&gt;<br>
    <br>
    <br>
It would be great to get skinning class support on every element<br>
written by any of the Trinidad renderers.
    <br>
    <br>
Maybe one of the skin experts can shed some light and a better solution.<br>
    <br>
-Andrew<br>
    <br>
On 8/30/07, Francisco Passos &lt;<a
 href="mailto:francisco.passos@gmail.com">francisco.passos@gmail.com</a>&gt;
wrote:
    <br>
&gt; Hello Andrew, thank you for your tip.<br>
&gt;<br>
&gt; I just tried your solution, but it doesn't appear to work.<br>
&gt;<br>
&gt; The generated css has this<br>
&gt;<br>
&gt; .af_table.p_AFContent &gt; TR:hover {background-color:yellow}
    <br>
&gt;<br>
&gt;&nbsp;&nbsp;However it is mentioned nowhere in the html, nor is it implicitly
used and<br>
&gt; applied to the table...<br>
&gt;<br>
&gt; What could cause this? Are there alternatives?<br>
&gt;<br>
&gt; Thank you,<br>
&gt; Francisco Passos
    <br>
&gt;<br>
&gt;<br>
&gt;<br>
&gt;<br>
&gt;&nbsp;&nbsp;On 8/29/07, Andrew Robinson &lt;<a
 href="mailto:andrew.rw.robinson@gmail.com">andrew.rw.robinson@gmail.com</a>&gt;
wrote:<br>
&gt; &gt; It doesn't look like the table renderer adds any style
classes onto
    <br>
&gt; &gt; the TR elements. You could use CSS to do it. Have you tried:<br>
&gt; &gt;<br>
&gt; &gt; af|table:content &gt; TR:hover {<br>
&gt; &gt;&nbsp;&nbsp; background-color: yellow;<br>
&gt; &gt; }<br>
&gt; &gt;<br>
&gt; &gt; This should theoretically work in IE7 and the "good" browsers
    <br>
&gt; &gt;<br>
&gt; &gt; On 8/29/07, Francisco Passos &lt;<a
 href="mailto:francisco.passos@gmail.com">francisco.passos@gmail.com</a>&gt;
wrote:<br>
&gt; &gt; &gt; Hello all!<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; I'm wondering if it is possible to change the css style
for a tr:table
    <br>
&gt; line<br>
&gt; &gt; &gt; when the mouse is hovering.<br>
&gt; &gt; &gt; And if so, can one do it directly on the skin?<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Thank you,<br>
&gt; &gt; &gt;<br>
&gt; &gt; &gt; Francisco Passos
    <br>
&gt; &gt; &gt;<br>
&gt; &gt;<br>
&gt;<br>
&gt;<br>
  </blockquote>
  </div>
  <br>
</blockquote>
</body>
</html>

Mime
View raw message