listShuttle - no Skin/CSS
Hello,
I am trying to use the RF ListShuttle and have a couple of issues:
1)There is no Look-and-Feel (LF) displayed at all - no borders around the lists or buttons, no colors, no style at all. It's as if I'm missing the CSS file(s) associated to the ListShuttle.
I'm using the 3.1.3 release and all 3 .jar files are in my classpath. I've put all the X.skin.properties files in the classpath and defined the SKIN in the web.xml. I know it's being found because I changed from 'blueSky' to 'wine' and the little .gif images displayed on the move and ordering buttons change colors but that is the only thing being displayed except for the text of the lists and buttons and the captions.
2) I cannot seem to get either list to display a scrollbar when the items in the list exceed the listHeight. All items in the list are always displayed - in FF they spill over the border and under other widgets below; in IE the size of the listBox is adjusted to fit all items in it. I've tried using the 'rows' attribute but nothing changes.
The functionality seems to work but the LF does not. I've had to create my own CSS classes for the buttons and the lists but I still can't get it to look like your example in the live demo. Here's the code:
<h:panelGrid columns="2">
<rich:listShuttle sourceValue="#{CreateDocumentBean.availablePriceLists}"
targetValue="#{CreateDocumentBean.chosenPriceLists}"
var="items"
rows="5"
targetListWidth="180"
sourceListWidth="180"
listClass="allListboxes"
listsHeight="100"
controlsType="button"
id="priceLists"
sourceCaptionLabel="Available Price Lists"
targetCaptionLabel="Selected Price Lists"
bottomControlLabel="Bottom"
bottomControlClass="listShuttleButton"
copyAllControlLabel="Move all"
copyAllControlClass="listShuttleButton"
copyControlLabel="Move"
copyControlClass="listShuttleButton"
downControlLabel="Down"
downControlClass="listShuttleButton"
removeAllControlLabel="Remove all"
removeAllControlClass="listShuttleButton"
removeControlLabel="Remove"
removeControlClass="listShuttleButton"
topControlLabel="Top"
topControlClass="listShuttleButton"
upControlLabel="Up"
upControlClass="listShuttleButton"
disabledControlClass="listShuttleButtonDisabled">
<rich:column width="180">
<h:outputText value="#{items.label}"/>
</rich:column>
</rich:listShuttle>
</h:panelGrid>
I can send you a screen shot if that would help. Thanks!
