Kendo Menu - Theme Builder - on hover, child menu transparent

4 posts, 0 answers
  1. Jillian
    Jillian avatar
    16 posts
    Member since:
    Aug 2011

    Posted 23 Oct 2013 Link to this post

    What CSS property am I missing or do I need to add so that my child menu will show up when I hover over the parent item in IE?

    Currently, when I hover over the parent item that has a child menu, you can see the border around the child menu, but the menu itself is transparent in IE. Only after I hover over an item in the child menu does the background-color and text show up using IE.  Firefox and chrome both work as expected. I did use the theme builder based on the silver theme, but only changed the gradient of the widget and the gradient of the widget states. In order to get the gradients to show up correctly in IE, I had to add these lines of code:

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3695b3, endColorstr=#00536e, GradientType=0);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3695b3, endColorstr=#00536e, GradientType=0);


    Is there a better way to get the gradient working in IE and is this related to the child menu not showing?

    An image is attached to show what I see.  Any ideas?

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 25 Oct 2013 Link to this post

    Hello Jillian,

    From the provided picture it is not clear what causes the illustrated issue. Is it possible to provide a small runnable example which demonstrates your current implementation? This way I would be able to check what exactly is going wrong and provide concrete recommendations. Thank you in advance for your time and cooperation. 

    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Jillian
    Jillian avatar
    16 posts
    Member since:
    Aug 2011

    Posted 29 Oct 2013 Link to this post

    I have created and attached a sample project.
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 31 Oct 2013 Link to this post

    Hi Jillian,

    Thank you for the runnable example. I discusses the case with my colleagues and it appears your requirement cannot be achieved because filters don't work well with animations. As a possible workaround I can suggest applying a custom gradient background image instead.

    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
UI for ASP.NET MVC is VS 2017 Ready