Just chiming in with some suggestions based on this thread:
I agree with Nick regarding needing the ability to customize each of the pieces of text. The use case won't always make sense for the default text that you have or you may want to cater the text to the particular process that the component is supporting.
I do like Gmail's interface and experience better once you are at the point of hovering over the email to drop your files. That is definitely better than highlighting the control (like in the Telerik Angular version) and seeing the word "Copy". I don't think "Copy" makes sense in this context, but if that can text can be customized, then that would be fine. Where Telerik is better is that I think having text to indicate that there is a dropzone is better. In Gmail, there is nothing and it's only obvious because people are very familiar with email. In the use case of using this component it may not otherwise be obvious that you can drag/drop files. I wouldn't want a giant drag/drop zone personally, as it takes up too much real estate, but if that can be customized that'd be fine.
I am mostly good with your approach in Angular, only it needs to allow changing the text and tooltip (required) and it would be nice if there was some kind of overlay (like Gmail's) upon dragging in (being a nice to have).
Posted on:06 Feb 2023 14:46
Can you please make sure to allow us to easily change the text of "Select Files", "Drop Files hear to upload" and / or give us a template so we can make it look however we want. ( I understand the external drop zone we will be able to make look however we would like)
In addition if you had an option to make it work like dragging an attachment into a gmail email message that would be very helpful. To explain when you drag the file over over any where in the view port, the drop zone is then highlighted / text changes where the user should drag the file. The gmail UI provides a more obvious visual queue and experience to what you have in the Angular version. With the gmail UI also, the equivalent to "select files" is just an icon and the list of uploaded files is shown in a different location then the "select files".
The "gmail" process is usually the more desired result when dealing with UIs that need to upload. (Not always the case though)
Posted on:06 Feb 2023 13:00
Just wanted to give you an update on this:
We have changed the status of this item to Planned, and have included it in our backlog for our next release, scheduled for March.
As some of the requests here while similar, are ultimately different, I wanted to clarify what its implementation would entail.
Dragging onto the button effectively drags the file on the <input> element, which lets the browser capture the files immediately, without any additional application code (effectively, it acts the same way as using the OS selection window) and so the current code and functionality "just works™".
To extend this to other areas of the page, we need to write additional code to handle JS events there, and pass data along to the C# (Blazor) portion of the app. Thus, this feature needs to be implemented in the component and I am sorry to say that a workaround is not possible.
Hi, is there any workaround how to drop files into Blazor TelerikUpload? It works when I drop the file on the "Select files..." button. Could this behavior be extended somehow to a bigger area (dropzone)?