1 Reply Latest reply on Nov 20, 2010 6:25 AM by iabughosh

    How to apply styleclass for <rich:listShuttle> buttons?

    Collins Naidu Newbie

      How to apply styleclass for <rich:listShuttle> buttons?

       

      Currently it is not working?

      My code is pasted below.

       

      <

      rich:listShuttle

       

      id="d1" sourceCaptionLabel="Available List"

       

      targetCaptionLabel="Selected List"

       

      copyAllControlLabel=""

       

      copyAllControlClass="button"

       

      copyControlLabel=""

       

      copyControlClass="button"

       

      removeControlLabel=""

       

      removeAllControlClass="button"

       

      removeAllControlLabel=""

       

      removeControlClass="button"

       

      sourceValue="#{listShuttleExAction.bean.srcList}"

       

      targetValue="#{listShuttleExAction.bean.targetList}"

       

      orderControlsVisible="false" fastOrderControlsVisible="false"

       

      var="items" showButtonLabels="true">

       

       

      <rich:column>

       

      <h:outputLabel value="#{items.field1}" />

       

      </rich:column>

       

      <rich:column>

       

      <h:outputLabel value="#{items.field2}" />

       

      </rich:column>

       

       

      </rich:listShuttle>

        • 1. Re: How to apply styleclass for <rich:listShuttle> buttons?
          iabughosh Master

          Hi Collins,

          you can define a custom skin and modify the listShuttle command styles, here is the shuttle commands class names that you can use in your

          customized skin file :

           

          Class nameDescription
          rich-shuttle-controlsDefines styles for a controls group
          rich-shuttle-topDefines styles for a "Top" control
          rich-shuttle-bottomDefines styles for a "Bottom" control
          rich-shuttle-upDefines styles for a "Up" control
          rich-shuttle-downDefines styles for a "Down" control
          rich-shuttle-copyDefines styles for a "Copy" control
          rich-shuttle-removeDefines styles for a "Remove" control
          rich-shuttle-copyAllDefines styles for a "copyAll" control
          rich-shuttle-removeAllDefines styles for a "removeAll" control
          rich-shuttle-control-disabledDefines styles for a control in a disabled state