This is a migrated thread and some comments may be shown as answers.

Upload Style Issue

13 Answers 32 Views
Upload
This is a migrated thread and some comments may be shown as answers.
Salim
Top achievements
Rank 1
Salim asked on 07 Oct 2016, 07:57 AM

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.

13 Answers, 1 is accepted

Sort by
0
Dimiter Madjarov
Telerik team
answered on 10 Oct 2016, 07:36 AM

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.

Regards,
Dimiter Madjarov
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Salim
Top achievements
Rank 1
answered on 10 Oct 2016, 08:23 AM
How to do that?
0
Dimiter Madjarov
Telerik team
answered on 10 Oct 2016, 09:04 AM

Hello Salim,

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

Regards,
Dimiter Madjarov
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Salim
Top achievements
Rank 1
answered on 10 Oct 2016, 09:30 AM
I tried it and it didn't work in our case because we are defining a specific style in the k-button:hover
0
Dimiter Madjarov
Telerik team
answered on 11 Oct 2016, 06:56 AM

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.

Regards,
Dimiter Madjarov
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Salim
Top achievements
Rank 1
answered on 11 Oct 2016, 07:03 AM

Please check the below:

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

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

0
Dimiter Madjarov
Telerik team
answered on 11 Oct 2016, 07:28 AM

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.

Regards,
Dimiter Madjarov
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Salim
Top achievements
Rank 1
answered on 13 Oct 2016, 11:29 AM

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

0
Dimiter Madjarov
Telerik team
answered on 14 Oct 2016, 07:37 AM

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.

Regards,
Dimiter Madjarov
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Salim
Top achievements
Rank 1
answered on 17 Oct 2016, 08:16 AM

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

0
Dimiter Madjarov
Telerik team
answered on 17 Oct 2016, 11:06 AM

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? 

Regards,
Dimiter Madjarov
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Salim
Top achievements
Rank 1
answered on 17 Oct 2016, 01:46 PM

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?

0
Dimiter Madjarov
Telerik team
answered on 18 Oct 2016, 08:39 AM

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.

Regards,
Dimiter Madjarov
Telerik by Progress
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
Tags
Upload
Asked by
Salim
Top achievements
Rank 1
Answers by
Dimiter Madjarov
Telerik team
Salim
Top achievements
Rank 1
Share this question
or