Upload Style Issue

14 posts, 0 answers
  1. Salim
    Salim avatar
    28 posts
    Member since:
    Jun 2016

    Posted 07 Oct Link to this post

    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.

  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 10 Oct Link to this post

    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.
     
  3. Kendo UI is VS 2017 Ready
  4. Salim
    Salim avatar
    28 posts
    Member since:
    Jun 2016

    Posted 10 Oct in reply to Dimiter Madjarov Link to this post

    How to do that?
  5. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 10 Oct Link to this post

    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.
     
  6. Salim
    Salim avatar
    28 posts
    Member since:
    Jun 2016

    Posted 10 Oct in reply to Dimiter Madjarov Link to this post

    I tried it and it didn't work in our case because we are defining a specific style in the k-button:hover
  7. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 11 Oct Link to this post

    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.
     
  8. Salim
    Salim avatar
    28 posts
    Member since:
    Jun 2016

    Posted 11 Oct in reply to Dimiter Madjarov Link to this post

    Please check the below:

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

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

  9. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 11 Oct Link to this post

    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.
     
  10. Salim
    Salim avatar
    28 posts
    Member since:
    Jun 2016

    Posted 13 Oct in reply to Dimiter Madjarov Link to this post

    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

  11. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 14 Oct Link to this post

    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.
     
  12. Salim
    Salim avatar
    28 posts
    Member since:
    Jun 2016

    Posted 17 Oct in reply to Dimiter Madjarov Link to this post

    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

  13. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 17 Oct Link to this post

    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.
     
  14. Salim
    Salim avatar
    28 posts
    Member since:
    Jun 2016

    Posted 17 Oct in reply to Dimiter Madjarov Link to this post

    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?

  15. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 18 Oct Link to this post

    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.
     
Back to Top
Kendo UI is VS 2017 Ready