Task #53829

Improve usability of Filelist "Drag-Upload"

Added by Ernesto Baschny over 6 years ago. Updated over 2 years ago.

Should have
File Abstraction Layer (FAL)
Target version:
Start date:
Due date:
% Done:


TYPO3 Version:
PHP Version:
Sprint Focus:


We now can drag&upload files into the Filelist, which is cool. But it looks ugly.

The UX team provided us with a suggestion on how it could look and work.

Here are some points on how it should work:


I think it would be great to have it like that:

FAL-Upload.png View (156 KB) Ernesto Baschny, 2013-11-21 11:14

Related issues

Related to TYPO3 Core - Bug #55741: After uploading a file you can't directly edit the metadata Closed 2014-02-06
Duplicates TYPO3 Core - Feature #48651: Implement progress bar for file uploader again Closed 2013-05-29

Associated revisions

Revision 168b6499 (diff)
Added by Frans Saris over 6 years ago

[TASK] Improve usability of Filelist "Drag-Upload"

We now can drag & drop files in the file list to upload.
But it looks ugly and has some issues.

This change adds a progress overview as provided by the
UX team and improves the usability.
The progress is shown for files added by drag & drop but
also when you use the file picker.

We switched to the jQuery ajax function as this has
a generic event and response handler.

Resolves: #51361, #53829
Release: 6.2
Change-Id: Ifd7b189f84594149b9590bbd4058ad68e4439344
Reviewed-on: https://review.typo3.org/27064
Reviewed-by: Anja Leichsenring
Tested-by: Anja Leichsenring
Reviewed-by: Stefan Froemken
Tested-by: Stefan Froemken
Reviewed-by: Benjamin Mack
Tested-by: Benjamin Mack


#1 Updated by Ernesto Baschny over 6 years ago

On Trello Board for 6.2:


#2 Updated by Frans Saris over 6 years ago

  • Assignee set to Frans Saris

#3 Updated by Anonymous over 6 years ago

  • Status changed from Accepted to Resolved
  • % Done changed from 0 to 100

#4 Updated by Lorenz Ulrich over 6 years ago

The new look is great!

The only problem is that some seconds after a file is 100% completed, it doesn't get its normal state. The darker line below the item is still present and the newly added file has no clickable icons (such as edit metadata).

#5 Updated by Riccardo De Contardi over 2 years ago

  • Status changed from Resolved to Closed

Also available in: Atom PDF