Fileupload: Changing browse button attributes

[krishna.alluru]

Hi,

Please let me know how to change file upload browse button attributes like background color, text, width, height, padding and margins through CSS. We are using version 2.2

We are using file upload code as below.
<p:fileUpload fileUploadListener="#{FilieController.handleupload}" multiple="true" allowTypes="*.jpg;*.png;*.gif;*.pdf;" description="Evidence" label="Browse">
</p:fileUpload>

Thanks and Regards,
Krishna

[cagatay.civici]

2.2's fileupload button is flash so css can't apply. 3.0(in development)'s fileupload does not use flash and can be styled with css selectors like 'ui-fileupload-browser'.

[ydarcin]

btw,

from the PrimeFaces guide page 178, you can change the button of the fileupload like

Code: Select all

<p:fileUpload widgetVar="uploader" fileUploadListener="#{fileBean.handleFileUpload}" height="48" width="48" image="/images/browse.png" cancelImage="/images/cancel.png" customUI="true"/>
<h:outputLink value="#" title="Upload" onclick="uploader.upload();"> Upload Files
</h:outputLink>

maybe this can help.