Once one file has been uploaded using the Upload control, the hove style of the control remains and it doesn't change.

For example, if the button is blue and the hover state is light-blue, it remains light-blue after the file-dialog box is opened. i.e. It maintains the hover light-blue color.

Hello Salim,

This is indeed the case - when a file is uploaded, the Upload widget remains focused for further actions. If this behavior is not needed, you could manually blur it in the success event handler of the widget.

Hello Salim,

Here is a sample approach to achieve the task. I am using the select event handler in this case.

Hello Salim,

We cannot assist regarding custom modifications applied to the Kendo UI styles.

Let us know if we could answer any other Upload widget related questions.

Please check the below:

http://dojo.telerik.com/usuMI/2

It contains your changes without any custom modifications, and yet it didn't work.

Hello Salim,

This seems to be caused by the Dojo. I was unable to reproduce the problem by running the example in fullscreen. Here is a small screen capture of it.

Hi Dimiter,

Even though it is running in your screen capture, it is not running neither in my application nor in your Dojo. Please help me to do whatever to fix it, because the client is considering this as a bug and a misleading behavior

Hello Salim,

The screen capture is from the Dojo running it in Chrome. If the problem is present on your end, you could send us an example, in which it is reproducing or let us know if you are running the Dojo in a different browser. This way we could observe the problem and assist further.

Hi Dimiter,

Before adding our custom style, can you please check what is the problem of the below that contains your changes on Dojo:

http://dojo.telerik.com/usuMI/2

Thank you very much for your help and support

Hello Salim,

Indeed there is an issue when running the Dojo directly, which I assume is caused by the iframe in which the snippet is initialized. Nevertheless when running it in full-screen mode, it is working as expected. Is this not the case on your end? 

I have included our custom css in the below link:

http://dojo.telerik.com/usuMI/3

The weird thing is that it is working in the full-screen mode, but not inside Dojo.

We are loading the form that contains the Upload control dynamically inside another form. What do you think the problem could be in Dojo's case and ours?

Hello Salim,

This is a browser and operation system specific behavior. We have inspected it thoroughly (with and without the Upload widget) and it is only reproducing on Windows browsers on dynamically loaded elements (e.g. in an iframe as is the Dojo runner). There is no other suitable workaround that we could provide, other than forcing the blur of the input element.