PDF iframe layouts

[akishovar]

Hi Isomorphic,

Could you please help me with following issue.

I have viewing pdf documents using iframe. Every iframe is situated in new SmartClient window. I'm using iframes because two or more opened <object> tags in the same frame are crashing the FireFox.

The problem is that when I have many opened windows with pdf documents inside them - these SmartClient windows are overlapping other components.

In other words SmartClient components is hiding under opened pdf documents.

For example I have two opened SmartClient windows. One window is containing iframe with pdf document and another with ListGrid. Window with ListGrid is everytime under opened pdf document.

I have tryed to play with z-index (zIndex) attribute but it doesn't help.

Perhaps, you have any special components to view the pdf documents or any workarounds to do this.

This is my code

isc.ClassFactory.defineClass("FileManagerApplicationViewerWindow", "FileManagerFileViewerWindow");

isc.FileManagerApplicationViewerWindow.addClassProperties({
    
    loaded: function(iframe, instance) {
        if (iframe.readyState == null || iframe.readyState == "complete") {
         var status = document.getElementById("Status_" + instance.ID);
            status.style.display = "none";
        }
    }
    
});

isc.FileManagerApplicationViewerWindow.addProperties({
    isModal: false,
    
    hide: function() {
        this.destroy();
    },
    
    _createLayout: function() {
        var thiz = this;

        this._panel = isc.HTMLPane.create({
            autoDraw: false,
            overflow: "hidden"
        });

        return isc.VLayout.create({
            members: [
                thiz._panel
            ],
            autoDraw: false
        });
    },
    
    initWith: function(fileProperty, extension) {
        this.Super("initWith", arguments);
        this._panel.setContents(
            "<div id=\"Status_" + this.ID + "\" style=\"text-align:center;\">" +
       "<table width=\"100%\" height=\"100%\" border=\"0\">" +
           "<tr valign=\"middle\">" +
               "<td align=\"center\"><img src=\"images/loader.gif\"/></td>" +
           "</tr>" +
       "</table>" +
   "</div>" +
            "<iframe src=\"" + window.location + "fmc?event=download&convertToViewableFormat=true&asAttachment=false&filePropertyId=" + fileProperty.propertyId + "#transparent=true\"" +
                    " id=\"ApplicationViewer_" + this.ID + "\"" +
                    " frameborder=\"0\" " +
                    " align=\"middle\" " +
                    " width=\"100%\" " +
                    " height=\"100%\" " +
                    " scrolling=\"no\" " +
                    " marginwidth=\"0\" " +
                    " marginheight=\"0\" " +
                    " allowtransparency=\"true\" " +
                    " onreadystatechange=\"isc.FileManagerApplicationViewerWindow.loaded(this, " + this.ID + ");\" " +
                    " onload=\"isc.FileManagerApplicationViewerWindow.loaded(this, " + this.ID + ");\" " +
            ">" +
            "</iframe>");
    }
});

I'm trying to use #transparent=true as parameter for Browser PDF Plugin and allowtransparency="true" for iframe but it also doesn't help.

Thanks you in advance.

Anatoliy.

[Isomorphic]

Hi Anatoliy,

You're doing a bunch of low-level DOM work with iframes and the PDF viewers - sorry, this isn't really related to core SmartClient usage and isn't something we can dig into on the forums. Our consulting team could help you with this, contact us via the website if interested.