Angular UI Modal is opening under the IFrame with a PDF inside - angularjs

I have this issue here with the IE/Safari browsers, I have an IFrame with a PDF as it's content, and when i try to show a modal dialog it opens under the IFrame not above it, I tried to change the IFrame z-index/Position with no luck, and it seems to be an issue with the PDF plugin itself because I can see the IFrame borders behind the modal dialog
Any suggestions would be much appreciated :)
I have an update:
Ok, I am now positive that this is a PDF plugin issue not the IFrame, the IE put the PDF on top and no other component is allowed to overlay it
While i was searching I came a cross the PDF.js, it's very nice and doesn't rely in the browser PDF plugin, the only issue is that you cannot give it a stream to display!!! you have to provide a path to the PDF file on your server, which won't work for me
will keep you guys posted :)

I've ended up using the ViewerJS plugin to view the pdf documents inside the IFrame, it's very simple and you can embed it in your application, mine was MVC, you also can pass a stream or an url to your document, here is the link for their website, forgot to mention that it's for free :)
http://viewerjs.org/

Related

Is there any IDE or plugin that highlights the selected react component in the browser?

There are times when it's hard to read which code corresponds to which part of the page in the browser. It would be very helpful if the component or jsx tag that you select in the editor gets highlighted in the browser.
Is there any IDE (vscode, webstorm, etc) or a plugin that does this?
And if not, any suggestions on how to approach the problem?

How can I trace what AngularJS is doing when I click a link?

I have a simple link in an app that opens an absolute page and it's target is blank. When i click it the page does open up in a new window but my app goes blank. I'm trying to track down in angular what's happening. What's the best way to trace this through?
If you are using Google Chrome, one way to do this is to get AngularJS Batarang Developer tools extension.

AngularUI Bootstrap Modal with Video flickers while loading

I am trying to display an AngularUI based Bootstrap Modal window which has embedded YouTube videos in iframes. Everything works fine but while loading the modal window flickers at least once before the entire modal content is loaded.
From whatever I researched I can understand that Bootstrap modal opens up before the contents are loaded completely and the iframes in which the Youtube videos are embedded is causing it.
Any idea why this is happening and suggestions to avoid the flicker will be appreciated.
adding ng-cloak to the template used for the dialog fixed the same issue for me.

Show a Sothink menu on top of a Silverlight iFrame

I have a Sothink menu on a web page and below it is a Silverlight iframe application. Currently the iframe is covering some dropdown menu items.
I have tried solving this problem with z-indexing, windowless, and wmode. I can not change the original code of the application but when I view the source of the iframe's page, I see that the developer commented out the windowless option because it interfered with another part of the program.
The only way I have tried to insert it into my page is through this code:
<iframe src="iframe-code-url.com" frameborder="0" style="background-color:#FFF;" scrolling="yes" width="940px" height="500px" wmode="opaque" windowless="true"></iframe>
I am open to any and all suggestions. I have done a lot of research and I have not found anything.
You must set Windowless=true on the Silverlight host object, not the iFrame. If you can't access the host object, you cant enable Windowless mode and so you cant do what you want.
See here for more on Windowless Silverlight Objects
Ideally, you should host the Silverlight XAP file in the same site as your web page.

How do I show HTML in an WPF application?

I am new to WPF and need some help and guidance.
I am building a client app in VS2010 that will store HTML in a database, and I need to display this html with images in my application when the user clicks a "preview html" button.
so my question is,
How do I display my stored HTML as a web page in a wpf page? Does anyone know of a sample application that does this?
Any help is appreciated.
Load the html in web browser control.
When the HTML is saved, render it and save a preview image. Then just pull the preview image and display that.
If you can't, you can always just pull the HTML and run it through your full render sequence, whatever that is.

Resources