myfaces-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Ana Vinatoru (JIRA)" <>
Subject [jira] [Created] (TRINIDAD-2427) af|panelTabbed skinning doesn't work with content compression
Date Wed, 20 Nov 2013 11:21:35 GMT
Ana Vinatoru created TRINIDAD-2427:

             Summary: af|panelTabbed skinning doesn't work with content compression
                 Key: TRINIDAD-2427
             Project: MyFaces Trinidad
          Issue Type: Bug
          Components: Skinning
    Affects Versions:  1.2.13-plugins 
         Environment: Windows 7, JDeveloper, 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:
	position="above" styleClass="panelTabbed #{condition ? 'panelTabbedHidden' : ''}" id="selectorPanel">
		<tr:showDetailItem text="#{l10n['menu.customer.label']}" inlineStyle="background-color:

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%"
<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
<td class="xba"><b style="margin-left:0px"></b>

This message was sent by Atlassian JIRA

View raw message