I made a ASP.Net rad menu (image based) which goes till level 3. Till level 2 it dont give any problem but when I add further childs then a strange problem occurs .i.e menu disappears and then come back when I hover on menu. There is not any particular position I could find where this happens. It happens randomly but frequently. It works fine in Firefox and all other browsers even works fine in IE8 also. I am facing this problem in IE6 and 7 only.
Did anybody face this problem before or anybody have idea about this problem?
Thanks in advance
Kamran Hussain Cheeta
8 Answers, 1 is accepted
If I display the page in Compatability Mode all works great - except that is not an option as we can't enforce that on our customers and it looks bad (they don't know it's a third party control). This does not occur in FireFox. I have not tested this with IE 6 or 7 but it does occur in IE8 (without Compatability Mode).
The problem is consistant on certain menuitems/pages but they are all based on the same master page. Some the menuitems/pages have submenus - some do not.
OK. I just found something rather bizarre (as if this whole thing is bizarre enough). The pages that are causing the problem DO NOT have any other Telerik controls on them. As a test, I added an empty RadCombo control to one of them, and bingo - the menu stayed. I remove it, and it goes away again. Hmmm.
I also found that by removing certain siteMapNode blocks from our sitemap file, that the menu items stay. But I have tried removing different combinations with differing results so I don't believe that it is a specific siteMapNode section that is causing the issue.
Can anyone else verify or duplicate this behavior?
IE8 NON-compatibility view - BROKEN
IE compatibility view - FINE
FF = FINE
Can we get a response/fix for this? Makes it pretty annoying and almost unusable under standard IE8.
Could you please download the latest official version of RadMenu (Q2 2010 SP2) and try with it? Let us know whether you still observe the issue.
All the best,
the Telerik team
I can remember a similar issue at least since 2010.2.809.40.
This is a LIVE/production issue for me, so it needs to be resolved soon or a worK-around provided, because it simply doesn't function with IE8.
Can you send us a live url where the issue can be observed?
the Telerik team
I found a workaround resolution to the problem...
I created a RadMenu.skin file (or you could add the style manually to each RadMenu) with the following:
Note the style="z-index: 1" seems to have resolved the problem. I tried the RadMenu ZIndex property but it did not seem to work. I also tried a z-index of 100, but that made RadComboBox selections display behind the RadMenu.
Hope this helps.
Thanks for your workaround. It works perfectly!
I still wish Telerik would admit there is an issue with IE8 with regard to this and implement a fix. This has been an issue since IE8 came out from what I can remember.
I have seen this NUMEROUS times over a number of sites I have created, so it can't possibly be that hard to duplicate by Telerik. I can hardly believe nobody has brought this up outside of this one forum posting.
Just create a few top level items, with a few second/third level items.
Recently I have been building the menus dynamically (from DB), so not sure if it happens all the time with a physical XML sitemap file, but I seem to recall some issues regarding the same thing when I did. Also, maybe take the original idea of "not having any telerik controls on menu item pages" to see if that has something to do with triggering this weird behavior.
I'd just really really love to not have to remember to put a z-index style on my menus everytime I want to use them.
Can we get this resolved Telerik?
We've just fixed this issue with z-index in RadMenu. The fix will be available in the service pack next week.
the Telerik team