java - PrimeFaces customize RowEditor in datatable -
is there way customize roweditor button? mean if possible alter image or add together text. if not possible, there way obtain same behaviour command button or link?
just utilize css. below illustration assumes want apply on datatables/roweditors , have desired image files in /resources/images
folder.
.ui-datatable .ui-row-editor .ui-icon-pencil { background-image: url("#{resource['images/pencil.png']}"); } .ui-datatable .ui-row-editor .ui-icon-check { background-image: url("#{resource['images/check.png']}"); } .ui-datatable .ui-row-editor .ui-icon-close { background-image: url("#{resource['images/close.png']}"); }
see also: how override classes defined in primefaces.css? java jsf-2 primefaces
No comments:
Post a Comment