Author: vmolotkov Date: 2007-11-01 17:04:15 -0400 (Thu, 01 Nov 2007) New Revision: 3698 Modified: trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/css/orderingList.xcss trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/OrderingList.js trunk/sandbox/ui/orderingList/src/main/templates/org/richfaces/htmlOrderingList.jspx Log: new OderingList styles is added Modified: trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/css/orderingList.xcss =================================================================== --- trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/css/orderingList.xcss 2007-11-01 20:38:48 UTC (rev 3697) +++ trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/css/orderingList.xcss 2007-11-01 21:04:15 UTC (rev 3698) @@ -4,20 +4,98 @@ xmlns="http://www.w3.org/1999/xhtml" > <f:verbatim><![CDATA[ -.selectedItem { - color: white; - background-color: blue; +.ol_header { + padding : 1px; } -.normalItem { - background-color: white; - color: black; + +.ol_headerlabel { + font-family : Arial; + font-size :11px; + font-weight : bold; + padding : 3px 3px 3px 8px; } -.activeItem { - color: white; - background-color: brown; - border: 1px black dotted; + +.ol_body { + border : 1px solid #bfbfc0; + background-color : #e7f2fb; } +.ol_list { + overflow : auto; + width : 200px; + height : 150px; + background : #FFFFFF; + border : 1px solid #bfbfc0; + margin : 0px 8px 8px 8px; +} + +.ol_button_layout { + padding : 15px 8px 15px 0px; + vertical-align : top; +} + +.ol_button { + background : #4A75B5; + border : 1px solid #bfbfc0; + margin-bottom : 3px; + cursor : pointer; + padding : 1px; +} + +.ol_button_dis { + background : #bfbfc0; + border : 1px solid #bfbfc0; + margin-bottom : 3px; + padding : 1px; +} + +.ol_button_press { + background : #4A75B5; + border : 1px solid #bfbfc0; + margin-bottom : 3px; + padding : 2px 0px 0px 2px; +} + +#internal_tab { + width : 100%; +} + +#internal_tab .ol_endcol { + border-right : 0px; +} + +#internal_tab td { + color : #000000; + font-family : Arial; + font-size :11px; + border-bottom : 1px solid #bfbfc0; + border-right : 1px solid #bfbfc0; + padding : 2px; +} + +#internal_tab th { + background : #4A75B5; + color : #FFFFFF; + + font-family : Arial; + font-size :11px; + font-weight : normal; + border-bottom : 1px solid #bfbfc0; + border-right : 1px solid #bfbfc0; + padding : 2px; +} + +#internal_tab tr.ol_select { + background : #EAF0F8; +} + +#internal_tab tr.ol_active { + background : #C6D6EA; +} + +#internal_tab tr.ol_normal { +} + .body { -moz-user-select: none; } Modified: trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/OrderingList.js =================================================================== --- trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/OrderingList.js 2007-11-01 20:38:48 UTC (rev 3697) +++ trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/OrderingList.js 2007-11-01 21:04:15 UTC (rev 3698) @@ -33,9 +33,9 @@ Shuttle.ASC = "acs"; Shuttle.DESC = "desc"; -Shuttle.SELECTED_ITEM_CLASS = "selectedItem"; -Shuttle.NORMAL_ITEM_CLASS = "normalItem"; -Shuttle.ACTIVE_ITEM_CLASS = "activeItem"; +Shuttle.SELECTED_ITEM_CLASS = "ol_select"; +Shuttle.NORMAL_ITEM_CLASS = "ol_normal"; +Shuttle.ACTIVE_ITEM_CLASS = "ol_active"; Shuttle.ACTIVITY_MARKER = "a"; Shuttle.SELECTION_MARKER = "s"; Shuttle.ITEM_SEPARATOR = ","; Modified: trunk/sandbox/ui/orderingList/src/main/templates/org/richfaces/htmlOrderingList.jspx =================================================================== --- trunk/sandbox/ui/orderingList/src/main/templates/org/richfaces/htmlOrderingList.jspx 2007-11-01 20:38:48 UTC (rev 3697) +++ trunk/sandbox/ui/orderingList/src/main/templates/org/richfaces/htmlOrderingList.jspx 2007-11-01 21:04:15 UTC (rev 3698) @@ -18,7 +18,7 @@ <f:clientid var="clientId"/> <script type="text/javascript"> function init() { - var shuttle = new Shuttle('#{clientId}', '#{clientId}internal_tab', '#{clientId}focusKeeper', '#{clientId}valueKeeper'); + var shuttle = new Shuttle('#{clientId}', 'internal_tab', '#{clientId}focusKeeper', '#{clientId}valueKeeper'); Shuttle.setFocus('#{clientId}focusKeeper'); document.getElementById('up').onclick = function() {shuttle.moveSelectedItems('up');}; document.getElementById('down').onclick = function() {shuttle.moveSelectedItems('down');}; @@ -32,20 +32,20 @@ <input id="#{clientId}focusKeeper" type="button" value="" style="position: absolute; left: -32767;" name="focusKeeper"/> <input id="#{clientId}valueKeeper" type="hidden" name="valueKeeper" value=""/> - <table id="#{clientId}table" cellpadding="0" cellspacing="0" class=""> - <tbody id="#{clientId}tbody"> - <tr> - <td> - <div class=""> - <table id="#{clientId}internal_tab" cellpadding="0" cellspacing="0" class=""> + <table id="#{clientId}table" cellpadding="0" cellspacing="0" class="ol_body"> + <tr> + <td> + <div class="ol_list"> + <table id="internal_tab" cellpadding="0" cellspacing="0" class=""> + <tbody id="#{clientId}tbody"> <vcp:body> <f:call name="renderChildren" /> </vcp:body> - </table> - </div> - </td> - </tr> - </tbody> + </tbody> + </table> + </div> + </td> + </tr> </table> <a id="sortLabel" href="#">Header</a><br/>