I am using rich:fileupload to implement upload functionality in application.I don't want to use Stop button provided by rich:fileupload tag. Is there any way to remove (or hide) Stop button . I tried to set stopButtonClass to display: none, it still shows a small square - probably the border of the surrounding div.
Does anyone know how to completely remove the Stop Button? Please guide me on
<rich:fileUpload id="upload" fileUploadListener="#{fileUploadBean.listener}" maxFilesQuantity="#{fileUploadBean.uploadsAvailable}"
acceptedTypes="txt,ppt,jpg,doc,xls, gif, bmp,pdf" ontyperejected="alert('Only TXT,PPT,DOC,XLS JPG, GIF,PDF and BMP files are accepted');"
addControlLabel="Browse" listHeight="50px" listWidth="auto" onsizerejected="alert('You can only upload upto 10MB files')" autoclear="false"
immediateUpload="#{fileUploadBean.autoUpload}" allowFlash="#{fileUploadBean.useFlash}"
stopButtonClass="rich-fileupload-ico-stop" clearAllControlLabel="" clearControlLabel="" stopControlLabel=""
cleanButtonClass="rich-fileupload-ico-clear" cleanButtonClassDisabled="rich-fileupload-ico-clear" stopButtonClassDisabled="rich-fileupload-ico-stop">
<a4j:support event="onuploadcomplete" reRender="uploadInfo" />
<a4j:support event="onuploadcanceled" reRender="uploadInfo" />
</rich:fileUpload>
I have fixed issue of completely hiding stop button of rich:fileUpload by setting display:none for button border property. Below is code for css :
.rich-fileupload-button-border{ border:none ; }
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.