[ 
https://issues.apache.org/jira/browse/TRINIDAD-1592?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12764812#action_12764812
 ] 

Jeanne Waldman commented on TRINIDAD-1592:
------------------------------------------

The "xi" styles are 'compressed' styles. You continue to skin the full selector 
name that you see in the skin-selectors.html file, but at runtime we compress 
all the styles - the ones written to the html output and the ones written to 
the generated css file.

You can turn off this compression by adding in web.xml this:

<context-param>
         
<param-name>org.apache.myfaces.trinidad.DISABLE_CONTENT_COMPRESSION</param-name>
         <param-value>true</param-value>
        </context-param>


This tip is documented in the Skinning documentation
http://myfaces.apache.org/trinidad/devguide/skinning.html


Also note that anything that ends with 'Icon' isn't a styleclass. It is a 
Skinning Icon. It gets rendered usually as an <img>, and since it isn't a 
styleclass it does not get written to the generated css file and you won't see 
a 'class' for it in the html.

> skin selectors rendered for selectOrderShuttle  don't match  documented in 
> skin-selectors.html 
> -----------------------------------------------------------------------------------------------
>
>                 Key: TRINIDAD-1592
>                 URL: https://issues.apache.org/jira/browse/TRINIDAD-1592
>             Project: MyFaces Trinidad
>          Issue Type: Bug
>    Affects Versions:  1.2.12-core
>         Environment: Browser: FF
> OS: windows xp
>            Reporter: Kai Xu
>
> Both in my code and live demo the html code  rendered as:
> <td valign="middle" nowrap="" align="center" style="padding: 5px;">
> <a 
> href="javascript:TrShuttleProxy._moveItems('_idJsp2:leading','_idJsp2:trailing');"/>
> <a class="xi" title="Move selected items to other list" 
> href="javascript:TrShuttleProxy._moveItems('_idJsp2:leading','_idJsp2:trailing');">Move</a>
> <div style="margin-top: 5px;"/>
> <a 
> href="javascript:TrShuttleProxy._moveAllItems('_idJsp2:leading','_idJsp2:trailing');"/>
> <a class="xi" title="Move all items to other list" 
> href="javascript:TrShuttleProxy._moveAllItems('_idJsp2:leading','_idJsp2:trailing');">Move
>  All</a>
> <div style="margin-top: 5px;"/>
> <a 
> href="javascript:TrShuttleProxy._moveItems('_idJsp2:trailing','_idJsp2:leading');"/>
> <a class="xi" title="Remove selected items from list" 
> href="javascript:TrShuttleProxy._moveItems('_idJsp2:trailing','_idJsp2:leading');">Remove</a>
> <div style="margin-top: 5px;"/>
> <a 
> href="javascript:TrShuttleProxy._moveAllItems('_idJsp2:trailing','_idJsp2:leading');"/>
> <a class="xi" title="Remove all items from list" 
> href="javascript:TrShuttleProxy._moveAllItems('_idJsp2:trailing','_idJsp2:leading');">Remove
>  All</a>
> </td>
> <td valign="middle" align="center">
> <a title="Move selected items to top of list" 
> href="javascript:TrShuttleProxy._orderTopBottomList(0,'_idJsp2:trailing');">Top</a>
> <br/>
> <a title="Move selected items up one in list" 
> href="javascript:TrShuttleProxy._orderList(0,'_idJsp2:trailing');">Up</a>
> <img width="1" height="15" alt="" src="/CommandCenter/adf/images/t.gif"/>
> <br/>
> <a title="Move selected items down one in list" 
> href="javascript:TrShuttleProxy._orderList(1,'_idJsp2:trailing');">Down</a>
> <br/>
> <a title="Move selected items to bottom of list" 
> href="javascript:TrShuttleProxy._orderTopBottomList(1,'_idJsp2:trailing');">Bottom</a>
> </td>
> Should they be: something like: .AFShuttleMoveIcon, AFShuttleMoveAllIcon 
> instead of  "xi", and at trailing side: there is no class defined at all.

-- 
This message is automatically generated by JIRA.
-
You can reply to this email to add a comment to the issue online.

Reply via email to