myfaces-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Jeanne Waldman <jeanne.wald...@oracle.com>
Subject Re: [TRINIDAD] StatusIndicator improvement
Date Wed, 12 Sep 2007 23:31:03 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">
  <title></title>
</head>
<body bgcolor="#ffffff" text="#000000">
Do you plan to toggle the styleclass display property depending upon
the state?<br>
<br>
Simon Lessard wrote:
<blockquote
 cite="mid254acf980709121209t13235f0ct66a89ad001fc9140@mail.gmail.com"
 type="cite">Hi all,<br>
  <br>
I would like to add two facets to statusIndicator: "busy" and "ready",
each with an attached styleClass placed on a child span element. I
think it would make the component much more customizable as it would
allow something like:
  <br>
  <br>
  <span style="font-family: courier new,monospace;">&lt;tr:statusIndicator&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp; &lt;f:facet
name="busy"&gt;
  </span><br style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp;&nbsp;&nbsp;
&lt;tr:outputText value="Loading, please wait..."/&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp; &lt;/f:facet&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&lt;/tr:statusIndicator&gt;</span><br>
  <br>
and in the skin:
  <br>
  <br>
  <span style="font-family: courier new,monospace;">af|statusIndicator::busy</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">{<br>
&nbsp; border-color:&nbsp;&nbsp; black;<br>
&nbsp; border-style:&nbsp;&nbsp; outset;
  <br>
&nbsp; border-width:&nbsp;&nbsp; 2px;<br style="font-family: courier new,monospace;">
  </span><span style="font-family: courier new,monospace;">&nbsp;
display:&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; block;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp; margin:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;
auto;</span><br style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;"></span><span
 style="font-family: courier new,monospace;">&nbsp; position:&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp; absolute;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp; top:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;
45%;</span><br style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;"></span><span
 style="font-family: courier new,monospace;">&nbsp; text-align:&nbsp;&nbsp;&nbsp;&nbsp;
center;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp; vertical-align:
middle;</span><br style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">}</span><br
 style="font-family: courier new,monospace;">
  <br style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">af|statusIndicator::ready</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;">}<br>
  </span><br>
The icon would still be supported and placed in the parent span, at the
same place than now. The generated markup would thus look like:<br>
  <br>
  <span style="font-family: courier new,monospace;">&lt;span&gt;
  </span><br style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp; &lt;span
id="clientId::ready"&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp;&nbsp;&nbsp; &lt;img
src="readyIcon"/&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp;&nbsp;&nbsp; &lt;span
class="af_statusIndicator_ready"&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
("ready"
facet content)</span><br style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp;&nbsp;&nbsp; &lt;/span&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">
&nbsp; &lt;/span&gt;</span><br style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp; &lt;span
id="clientId::busy"&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp;&nbsp;&nbsp; &lt;img
src="budyIcon"/&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp;&nbsp;&nbsp; &lt;span
class="af_statusIndicator_busy"&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
("busy" facet
content)</span><br style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp;&nbsp;&nbsp; &lt;/span&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&nbsp; &lt;/span&gt;</span><br
 style="font-family: courier new,monospace;">
  <span style="font-family: courier new,monospace;">&lt;/span&gt;<br>
  </span><br>
  <br>
Anyone's ok with that or has a better idea?<br>
  <br>
~ Simon<br>
</blockquote>
</body>
</html>

Mime
View raw message