First off, thank you so much for your reply.  Second, please excuse my
ignorance on this stuff, I'm still learning a ton as I go along.  So I
altered my CSS to read:

af|column::cell-text,
af|column::cell-number,
af|column::cell-icon-format {
        -tr-rule-ref: selector("AFMediumBackground:alias");
}

af|column::cell-text-band,
af|column::cell-number-band,
af|column::cell-icon-format-band {
        -tr-rule-ref: selector("AFTextForeground:alias");
        -tr-rule-ref: selector("MyOddRowBackground:alias");
}

AFTextForeground:alias,
.AFTextForeground:alias {
        color: purple !important;
}

AFMediumBackground:alias,
.AFMediumBackground:alias,
.AFTableCellDataBackgroundColor:alias {
        background-color: red !important;
}

MyOddRowBackground:alias,
.MyOddRowBackground:alias,
.AFTableCellDataBandedBackgroundColor:alias {
        background-color: green !important;
}

and it didn't make a difference.  It's either 1) the component doesn't work
as advertised or 2) and this is most likely it, I have no clue.  Again,
thanks for you help and thanks in advance for any future help.




Carsten Pieper wrote:
> 
> Hi, 
> 
> for me these selectors (no focus on the style definitions here...) worked: 
> 
> af|column::cell-text, af|column::cell-number, af|column::cell-icon-format
> {
>       -tr-rule-ref: selector("AFMediumBackground:alias");
> }
> 
> af|column::cell-text-band, af|column::cell-number-band, 
>       af|column::cell-icon-format-band {
>       -tr-rule-ref: selector("AFTextForeground:alias");
>       -tr-rule-ref: selector("MyOddRowBackground:alias");
> }
> 
> Do you know the Firebug tool which enables you "inspect" your pages and
> their
> CSS stuff in Firefox? This is most helpful to find the fitting selectors!
> And, if not yet done, disable "selector compression" in the web.xml:
> 
>       <context-param>
>               <param-name>
>                       
> org.apache.myfaces.trinidadinternal.DISABLE_CONTENT_COMPRESSION
>               </param-name>
>               <param-value>true</param-value>
>       </context-param>
> 
> If this is set to false, Firebug can't help you that much because the
> selectors are rather
> cryptic then...
> 
> Cheers,
> Carsten
> 
> 
> dougthug wrote:
>> 
>> So I have:
>> 
>> <t:panelGrid align="center" width="95%">
>>      <tr:treeTable id="treeTable" rowBandingInterval="1" width="100%"
>> var="model" value="#{CONTROLLER.tree}">
>>              <f:facet name="nodeStamp">
>>                      <tr:column />
>>              </f:facet>
>>      
>>              <tr:column headerText="#{msgs.tableheader_name}">
>>                      <tr:outputText value="#{model.name}" />
>>              </tr:column>
>>      
>>              <tr:column headerText="#{msgs.tableheader_address}">
>>                      <tr:outputText value="#{model.facilityDTO.addr1}" />
>>              </tr:column>
>>      </tr:treeTable>
>> </panelGrid>
>> 
>> and I have this in my css:
>> 
>> .AFTableCellDataBackgroundColor:alias {
>>      background-color: red !important;
>> }
>> .AFTableCellDataBandedBackgroundColor:alias {
>>      background-color: green !important;
>> }
>> 
>> yet I am not seeing anything reflected in the page rendering.  Is there
>> short answer to what the heck I'm doing wrong?  Let me know if you need
>> any other information if you can help and thanks in advance.
>> 
> 
> 

-- 
View this message in context: 
http://www.nabble.com/rowBandingInterval-not-working-with-Trinidad-treeTable-tf4264259.html#a12151167
Sent from the MyFaces - Users mailing list archive at Nabble.com.

Reply via email to