css - Make p:fileUpload advanced mode appear like simple mode -
i'm trying display fileupload
advanced mode , ajax feature, wold make appear simple mode, display button label name, facelet
<p:fileupload fileuploadlistener="#{scriptmanagerform.uploadsourcefile}" auto="true" skinsimple="true"> <f:attribute name="name" value="#{sourcefile.name}" /> </p:fileupload>
with css
.fileupload-content{ display: none; } .ui-fileupload .fileinput-button { background-color: rgba(142, 103, 64, 0.98); }
thank you,
not sure why want this, css perspective code below:
/*hide advanced buttons , progress*/ .ui-fileupload-upload, .ui-fileupload-cancel, .ui-fileupload-progress{ display: none; } /*move file name , size of file onto same line*/ .ui-fileupload-buttonbar, .ui-fileupload-content{ float: left; } /*remove of margin file name align correctly*/ .ui-fileupload-files{ margin: 0; }
original
after css
Comments
Post a Comment