Issue in Internet Explorer displaying a window on top of a pdf that is loaded into a panel

[KBorkiewicz]

I want to display a pdf inside my page and am using the following to accomplish that:

viewport.Add(Html.X().Panel()
    ...
    .Loader(new ComponentLoader{Url = "/relativepath.pdf", Mode = LoadMode.Frame})
);

Doing some things on the page displays a window, and when this window is up, I want to gray out the rest of the page. This works fine in Chrome and Firefox:


But in Internet Explorer, the pdf is not grayed-out and it shows on top of the window:


How can I fix this?

[Baidaly]

Hello!

Unfortunately, this is default behavior of IE and PDF view plugin. Following thread should help you: http://stackoverflow.com/questions/593176/

[KBorkiewicz]

I see, thanks.

But everything on my page is inside one viewport, and I'm using razor. I'm not sure how I can split it up using <div>s, as the thread you linked to suggests.

[KBorkiewicz]

As a temporary solution, I'm just hiding the whole panel that contains the pdf when the dialog appears.

Any tips on a more elegant solution would be appreciated.