View Full Version : Embed PDFs within a Ext.Panel (.pdb)

17 Aug 2010, 6:16 PM
demos.Aeolian = new Ext.Panel({
scroll: 'vertical',

layout: {
type: 'vbox',
pack: 'stretch'
items: [


html: '<div><img src="resources/scalePNGs/CircleOfFifths.png" width="600" height="500" /><h1>Music Theory 101</h1><p><br /><br /><br /><span>MT101 &beta; (1.0)</span></p></div>'

xtype: 'button',
text: 'Launch Overlay',
handler: function() {
if (!this.popup) {
this.popup = new Ext.Panel({
floating: true,
modal: true,
centered: true,
width: 613,
height: 660,
styleHtmlContent: true,
html: '<center><embed src="resources/scalePDFs/AminorAeolian.pdf" width="575" height="575"></embed></center>',
dockedItems: [{
dock: 'top',
xtype: 'toolbar',
title: 'Overlay Title'
scroll: 'none'



*Note the PDF I'm using is 500x500. By adjusting the settings it frames the PDF neatly.
*Note by using a 3D authoring application, and publishing to PDF, it is possible to display objects that resemble .pdb molecule viewers.