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

before

after css

after


Comments

Popular posts from this blog

magento2 - Magento 2 admin grid add filter to collection -

Android volley - avoid multiple requests of the same kind to the server? -

Combining PHP Registration and Login into one class with multiple functions in one PHP file -