How to change the order of the primeFaces picklist buttons

Question

Is there an easy way to change the order of the sort and move buttons from the PrimeFaces picklist? For better usability i need the buttons to be in this order:

Sort:

all up
up
down
all down

and for moving:

all to the right
right
left
all to the left

I am just the one who implements a dummy page and someone else has to implement as a PrimeFaces Component what i am designing here. So i don't want it to be a impossible task for the programmer.

Answer 1

There is no built-in buttonTemplate feature, you can change the order with css though.

Code:

.ui-picklist-button-add {
    position:relative;
    top:25px;
}

.ui-picklist-button-add-all {
    position:relative;
    top:-40px;
} 

-> This is what 'Optimus Prime' says. His answer in the Prime Faces Forum on my question