Do you plan to toggle the styleclass display property depending upon the state?

Simon Lessard wrote:
Hi all,

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:

<tr:statusIndicator>
  <f:facet name="busy">
    <tr:outputText value="Loading, please wait..."/>
  </f:facet>
</tr:statusIndicator>

and in the skin:

af|statusIndicator::busy
{
  border-color:   black;
  border-style:   outset;
  border-width:   2px;
  display:        block;
  margin:         auto;
  position:       absolute;
  top:            45%;
  text-align:     center;
  vertical-align: middle;
}

af|statusIndicator::ready
{
}

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:

<span>
  <span id="clientId::ready">
    <img src=""/>
    <span class="af_statusIndicator_ready">
      ("ready" facet content)
    </span>
  </span>
  <span id="clientId::busy">
    <img src=""/>
    <span class="af_statusIndicator_busy">
      ("busy" facet content)
    </span>
  </span>
</span>


Anyone's ok with that or has a better idea?

~ Simon

Reply via email to