Alternative to the given attributes are the following facets: "copyAllControl" , "removeAllControl" , "copyControl" , "removeControl" , "copyAllControlDisabled" , "removeAllControlDisabled" , "copyControlDisabled" , "removeControlDisabled" , "caption" .

It is an example of usage of the facets and it is identical to the previous example.

...

<rich:pickList value="#{pickBean.listValues}">

    <f:facet name="copyAllControl">

        <h:commandButton value="#{pickBean.copyAllLabel}" />

    </f:facet>

    <f:facet name="copyControl">

        <h:commandButton value="#{pickBean.copyLabel}" />

    </f:facet>

    <f:facet name="removeControl">

        <h:commandButton value="#{pickBean.removeLabel}" />

    </f:facet>

    <f:facet name="removeAllControl">

        <h:commandButton value="#{pickBean.removeAllLabel}" />

    </f:facet>

    <f:selectItem itemValue="Bentley" itemLabel="Bentley"/>

    <f:selectItem itemValue="Audi" itemLabel="Audi"/>

    <f:selectItems value="#{pickBean.sourceList}"/>

</rich:pickList>

...

With the help of "moveControlsVerticalAlign" attribute you can align move controls vertically.

The possible value for "moveControlsVerticalAlign" are "top", "bottom" and "center" (default value).

The <rich:pickList> component provides resizing of lists by using such attributes as:

Example:

...

<rich:pickList listsHeight="#{pickBean.listsHeight}" sourceListWidth="#{pickBean.sourceListWidth}" targetListWidth="#{pickBean.targetListWidth}" value="#{pickBean.listValues}">

        <f:selectItem itemValue="Bentley" itemLabel="Bentley"/>

        <f:selectItem itemValue="Audi" itemLabel="Audi"/>

        <f:selectItems value="#{pickBean.sourceList}"/>

</rich:pickList>

...

The <rich:pickList> component allows to use internationalization method to redefine and localize the labels. You could use application resource bundle and define RICH_PICK_LIST_COPY_ALL_LABEL, RICH_PICK_LIST_COPY_LABEL, RICH_PICK_LIST_REMOVE_ALL_LABEL, RICH_PICK_LIST_REMOVE_LABEL there.