[Solved] Telerik WebMenu hides behind <object> tag

[Shamala]

Hi,

I have used a ASP.net MVC Telerik Webmenu on my page. The menu is in master page of Aps.net mvc project.
In one of the pages I am displaying a PFD file in html <object> tag. Please see the attached picture of my screen.

Code for <Object> tag is:

<

 

 

object data="/Shared/RDLToPDF/test.pdf?p=2" width="578" height="765"

 

 

 

style="border:1px solid black;"

 

 

 

type="application/pdf">

 

 

 

<param name="wmode" value="transparent" />

 

 

 

</object>

Please help me to solve this issue. This is very urgent.

Thank you in adavnce.

[Alex Gyoshev]

Hello Shamala,

This is a very old IE bug that (unfortunately) needs an iframe added to the document in order to be fixed. The following code will solve this problem for you:

window.onload = function() {
    if ($.browser.msie) {
        var oldFxPlay = $.telerik.fx.play;

        $.telerik.fx.play = function() {
            var target = $(arguments[1]);

            if (target.is(".t-menu .t-group") && !target.find("iframe").length) {
                target.append("<li style='width:100%;height:100%;z-index:-1;position:absolute;top:0;left:0;'>" +
                                "<iframe src='#' frameborder='0' style='width:100%;height:100%;z-index:-1;position:absolute;'></iframe>" +
                              "</li>");
            }

            oldFxPlay.apply(this, Array.prototype.slice.apply(arguments));
        };
    }
};

I am attaching the sample project that was used for testing.

Best wishes,
Alex Gyoshev
the Telerik team