Primeng: Fileupload drag'n drop placeholder

Created on 19 Jul 2017 · 5Comments · Source: primefaces/primeng

[ ] bug report => Search github for a similar issue or PR before submitting
[X] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primeng/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=35

What is the motivation / use case for changing the behavior?
Show a message inside fileupload drag and drop field, so the user will know what to do

Source

luanfagu

👍5

Most helpful comment

any idea if this will be provided in the future? its confusing for users to know intuitively if they can even drag and drop in that empty upload box. a label would definitely help!

please comment.

ankitminglani on 10 Oct 2018

👍3

All 5 comments

Will reconsider if more users demand it.

cagataycivici on 23 Aug 2017

any idea if this will be provided in the future? its confusing for users to know intuitively if they can even drag and drop in that empty upload box. a label would definitely help!

please comment.

ankitminglani on 10 Oct 2018

👍3

mateofacu on 28 Nov 2018

Definitely something that would be nice to have. I can hack the DOM/CSS to add something like that, but providing a way to show a label there and adjust the height via a property would be great. The following works to add some height and an initial value (adding/removing the text content via the DOM would be better), but would be great to have properties to control this:

::ng-deep .ui-fileupload-content {
min-height: 50px;
}

::ng-deep .ui-fileupload-content:before {
content: 'Drop files here';
}