Hi all,
I'm trying to use the -tr-rule-ref modifier but for some reason is not
working for me. Here's the content of my skin CSS file:
.spriteIcon:alias{
width:16px;
height:16px;
display:block;
padding:0px;
margin:0px;
position:relative;
top:0px;
background-image:url(../../../img/sprite.png);
background-repeat:no-repeat;
background-color:transparent;
}
af|commandButton.favIcon::icon-style{
-tr-rule-ref:selector(".spriteIcon:alias");
background-position:0px 0px;
}
This is what I have (snippet) in my jspx file:
<af:commandButton text="commandButton 1" id="cb1" styleClass="favIcon"
icon="/img/n.gif"/>
And this is the generated HTML output:
<button id="cb1" class="p_AFHoverTarget favIcon af_commandButton"
onclick="return false;"><img
src="/CSS_Sprite_Sample-ViewController-context-root/img/n.gif" alt=""
class="af_commandButton_icon-style"><span title=""
class="af_commandButton_text-by-icon">commandButton 1</span></button>
If I copy the contents of .spriteIcon:alias
to af|commandButton.favIcon::icon-style everything works fine, but if I use
the -tr-rule-ref modifier it doesn't, ie, the generated CSS doesn't have the
rules referenced (HTML snippet is the same in both cases). Any clues?
Thanks in advance!
Maiko
