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

Code:
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
            }
        ]
    });
};