change direction of PickList source and target controls

[banoo]

i want to change direction of control button of pickList rtl and change icon
but cant do it

[sudheer]

i want to change direction of control button of pickList rtl and change icon
but cant do it

Let me google that for you http://lmgtfy.com/?q=How+to+change+icon ... st+buttons.Check the user guide for available picklist CSS style classes and you can always use the firebug or developer tools to change them as required.

[banoo]

when i change direction to RTL ,i cant change icon for buttons
.ui-picklist-button-remove-all
.ui-picklist-button-add-all
.ui-picklist-button-add
.ui-picklist-button-remove

[neo1.afshin]

in scss:

Code: Select all

.p-picklist .p-picklist-buttons  {
  button[icon="pi pi-angle-right"] span::before{
    content: "\e931";
  }

  button[icon="pi pi-angle-double-right"] span::before{
    content: "\e92d";
  }

  button[icon="pi pi-angle-left"] span::before{
    content: "\e932";
  }

  button[icon="pi pi-angle-double-left"] span::before{
    content: "\e92e";
  }