How to change each button of pickList

UI Components for JSF
Post Reply
padmajakrish
Posts: 1
Joined: 20 Feb 2014, 11:07

20 Feb 2014, 13:41

.ui-picklist-button-add{
background-image: url(images/addButton.png);
background-repeat:no-repeat !important;
background-position: 0 0 !important;
}
.ui-picklist-button-add-all{
background-image: url(images/addAllButton.png);
background-repeat:no-repeat !important;
background-position: 0 0 !important;
}
.ui-picklist-button-remove-all{
background-image: url(images/removeButton.jpg);
background-repeat:no-repeat !important;
background-position: 0 0 !important;
}
.ui-picklist-button-remove{
background-image: url(images/removeAllButton.jpg);
background-repeat:no-repeat !important;
background-position: 0 0 !important;
}

styleClass="ui-picklist-button-add-all ui-picklist-button-remove ui-picklist-button-remove-all ui-picklist-button-add"

In this case the original icon appears on top of new image and the new image is placed additionally in the upper left corner of the page.

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 30 guests