How does one display PDFs in a panel?

[alphadogg]

What are my options for displaying a PDF in one of the panels of a border layout?

CPOPExt.UIObjects.Body = function() {
    return ({
        layout: "border",
        border: false,
        items: [
            {
            region: "north",
            id: "bodyTopContainer",
            layout: "border",
            height: 30,
            border: false,
            items: [{
                        region: "center",
                        id: "bodyTopTitle",
                        border: false,
                        html: "Manage Forms"
                    },
                    {
                        region: "east",
                        id: "bodyTopFunctions",
                        bodyCssClass: "bodyButtonPanel",
                        width: 120,
                        border: false
                    }]
            },
            {
            region: "center",
            layout: "fit",
            id: "BodyCenterContainer",
            items: [CPOPExt.UIObjects.Grid],
            split: true,
            border: false
            },
            {
            region: "south",
            title: "PDF Viewer",
            id: "BodyBottomContainer",
            height: 200,
            border: true,
            split: true,
            collapsible: true,
            collapsed: true
            }
        ]
    });
};

[devtig]

I'd say in an iframe using the ux Managed Iframe
http://www.sencha.com/forum/showthre...agedIFrame-2.x

[Condor]

ux.Media would seem more appropriate, but an IFRAME works too.

[alphadogg]

Are there pros and cons either way?

[Condor]

ux.Media uses an <object> or <embed> tag that lets you configure the pdf reader (e.g. hide the toolbar).

[devtig]

Use Chrome browser to go to the ux.Media demo at http://demos.theactivegroup.com/demodesk.html . Then click on the ux.Media button and then Acrobat (PDF) Documents. Then choose the second tab. Chrome than zooms to 10% automatically ...