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

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

3 Answers 90 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Jillian
Top achievements
Rank 1
Jillian asked on 23 Oct 2013, 03:24 PM
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?

3 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 25 Oct 2013, 03:17 PM
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!
0
Jillian
Top achievements
Rank 1
answered on 29 Oct 2013, 02:02 PM
I have created and attached a sample project.
0
Iliana Nikolova
Telerik team
answered on 31 Oct 2013, 02:42 PM
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!
Tags
Menu
Asked by
Jillian
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Jillian
Top achievements
Rank 1
Share this question
or