[
https://issues.apache.org/jira/browse/TRINIDAD-1592?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12764955#action_12764955
]
Günter D. commented on TRINIDAD-1592:
-------------------------------------
Hi, this way i styled the selectOrderShuttle, it probably helps you:
af|selectOrderShuttle::reorder-top-icon
{
content: url(/images/all_up.png);
width: 20px;
height: 20px;
}
af|selectOrderShuttle::reorder-up-icon
{
content: url(/images/one_up.png);
width: 20px;
height: 20px;
margin-left: 1px;
margin-top: 6px;
margin-bottom: 3px;
}
af|selectOrderShuttle::reorder-down-icon
{
content: url(/images/one_down.png);
width: 20px;
height: 20px;
margin-top: 3px;
margin-bottom: 6px;
}
af|selectOrderShuttle::reorder-bottom-icon
{
content: url(/images/all_down.png);
width: 20px;
height: 20px;
}
you can experiment with: background-image: url(/images/whatever.gif);
inside this selector
af|selectManyShuttle .OraLink
Regards,
Günter
> 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.
