Hi,
I have radmenu and radwindow on the page.
The radwindow is showing a pdf file.
My child-menu appears on top of the window when hovering the parent (which is fine), but it falls behind the PDF content.
Is there anyway to make it on top of the PDF content?
I tried setting the z-index but it doesn't work.
Thanks,
Andreas
1 Answer, 1 is accepted
0
Hi Andreas,
You can enable the iframe overlay for all browsers by pasting the following JavaScript block after your RadMenu declaration:
<script type="text/javascript">
Telerik.Web.UI.Overlay.IsSupported = function ()
{
//By default overlay is enabled in IE only
//return $telerik.isIE;
return true;
}
</script>
We will not enable by default the iframe overlay in all browsers as it may have side effects. I tested the aforementioned script block and RadMenu worked as expected in FireFox. In Chrome the menu went behind the pdf iframe. However I think that in Chrome no html element can overlay the pdf iframe - I tried this without success:
<iframe style="border:1px solid red;position:absolute;top:100px;z-index:1" src="javascript:void(0)"></iframe>
<iframe src="my.pdf" style="position:absolute;z-index:1"></iframe>
It seems the pdf plugin is rendered outside of the html document and cannot be overlain by html elements.
In addition, please review this article for possible solutions on the matter.
Best wishes,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
You can enable the iframe overlay for all browsers by pasting the following JavaScript block after your RadMenu declaration:
<script type="text/javascript">
Telerik.Web.UI.Overlay.IsSupported = function ()
{
//By default overlay is enabled in IE only
//return $telerik.isIE;
return true;
}
</script>
We will not enable by default the iframe overlay in all browsers as it may have side effects. I tested the aforementioned script block and RadMenu worked as expected in FireFox. In Chrome the menu went behind the pdf iframe. However I think that in Chrome no html element can overlay the pdf iframe - I tried this without success:
<iframe style="border:1px solid red;position:absolute;top:100px;z-index:1" src="javascript:void(0)"></iframe>
<iframe src="my.pdf" style="position:absolute;z-index:1"></iframe>
It seems the pdf plugin is rendered outside of the html document and cannot be overlain by html elements.
In addition, please review this article for possible solutions on the matter.
Best wishes,
Paul
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.