myfaces-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Günter D. (JIRA) <...@myfaces.apache.org>
Subject [jira] Commented: (TRINIDAD-1592) skin selectors rendered for selectOrderShuttle don't match documented in skin-selectors.html
Date Tue, 13 Oct 2009 05:46:31 GMT

    [ 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.


Mime
View raw message