Is there a way to hide the Primefaces fileUpload progress bar and buttons in advanced mode and auto mode?
Here is the code that I am using:
<p:fileUpload id="scriptUpload"
widgetVar="importDevicesWidget"
fileUploadListener="#{scriptUploadBean.handleFileUpload}"
auto="true"
label="Choose.."
mode="advanced"
update=":infoMessages"
sizeLimit="8192"
allowTypes="/(\.|\/)(txt)$/"
onstart="clearInvalidFileMsg();$('#progress').show();"
oncomplete="clearInvalidFileMsg();$('#progress').hide();importDevicesDialogWidget.hide()"/>
The problem is that it makes no sense for the buttons that appear next to the progress bar for each file to be there as the mode is auto so the upload already started!
Here is a screen shot:
According to the 3.4 documentation .ui-fileupload .start
, .ui-fileupload .cancel
and .ui-fileupload .progress
selects your fileuploads' start, cancel and progress bar:
<style type="text/css">
.ui-fileupload .start {
display: none;
}
.ui-fileupload .cancel {
display: none;
}
.ui-fileupload .progress {
display: none;
}
</style>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With