[jira] [Created] (TRINIDAD-2427) af|panelTabbed skinning doesn't work with content compression

["Ana Vinatoru (JIRA)" <de...@myfaces.apache.org>]

Ana Vinatoru created TRINIDAD-2427:
--------------------------------------

             Summary: af|panelTabbed skinning doesn't work with content compression
                 Key: TRINIDAD-2427
                 URL: https://issues.apache.org/jira/browse/TRINIDAD-2427
             Project: MyFaces Trinidad
          Issue Type: Bug
          Components: Skinning
    Affects Versions:  1.2.13-plugins 
         Environment: Windows 7, JDeveloper 11.1.1.6.0, Trinidad library that comes shipped by default with this IDE version (Trinidad Components 1.2, Trinidad HTML Components 1.2)
            Reporter: Ana Vinatoru


The skinning for tr:panelTabbed works properly when org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION is set to false. 
When compression is turned on, most of the skinning selectors no longer work. Some of the skin selectors remain uncompressed.
Not sure if the issue is fixed in newer versions of the library, but I couldn't find a similar bug in the tracker.

Partial content of the .jspx file:
<tr:panelTabbed
	position="above" styleClass="panelTabbed #{condition ? 'panelTabbedHidden' : ''}" id="selectorPanel">
		<tr:showDetailItem text="#{l10n['menu.customer.label']}" inlineStyle="background-color: transparent">
		</tr:showDetailItem>
</tr:panelTabbed>

Content of the skin CSS file:
.panelTabbed af|panelTabbed::tab {
    text-align: center;
    background-color: #DADADA;
}

.panelTabbed af|panelTabbed::body {
    background-color: transparent;
}

.panelTabbed af|panelTabbed::tab-link,
.panelTabbed af|panelTabbed::tab-link-selected {
    color: #666666;
    font-size: 13pt;
}

.panelTabbed af|panelTabbed::cell-end,
.panelTabbed > table {
    background-color: white;
}

.panelTabbed af|panelTabbed::cell-start {
    padding-left: 20px;
}

.panelTabbed af|panelTabbed::cell-end {
    padding-right: 20px;
}
.panelTabbedHidden af|panelTabbed::tab,
.panelTabbedHidden af|panelTabbed::tab-selected{
    display: none !important;
}

Resulting HTML for the tab header:
<table class="panelTabbed 
                        panelTabbedHidden" cellpadding="0" cellspacing="0" border="0" width="100%" summary="">
<tbody>
<tr><td class="xb9"><b style="margin-left:0px"></b></td>
<td height="1" nowrap="" class="xb8"><a id="f2:j_id_id25" name="f2:j_id_id25" href="#" >
<span class="x9w">Selected</span>Customer
</a></td>
<td class="xba"><b style="margin-left:0px"></b>
</td></tr>
</tbody>
</table>




--
This message was sent by Atlassian JIRA
(v6.1#6144)