Prime Community Forum

Posted: **21 Apr 2016, 15:56**

fileUpload in advanced mode, in a mobile app, not rendered correctly

https://imgur.com/c8JNhQ7

Posted: **25 Apr 2016, 12:26**

Fileupload component doesn't have responsive feature. But, I overrode fileupload's css for you.

Please try;

<style type="text/css">
@media (max-width: 640px) {
       .ui-fileupload-files td{
             display: inline-block;
       }
                
       .ui-fileupload-buttonbar .ui-button{
            padding: 19px 30px 19px 30px !important
       }
                
       .ui-fileupload-buttonbar .ui-button .ui-button-text {
            display: none;
       }
                
      .ui-fileupload-buttonbar .ui-button .ui-icon{
           margin-left: 15px !important;
       }
}
</style>

Screenshot;

Prime Community Forum

p:fileUpload advanced not responsive

p:fileUpload advanced not responsive

Re: p:fileUpload advanced not responsive