$.jsPanel({
    position:  { left: 300, top: 150 },
    title:     'jsPanel with header toolbar',
    bootstrap: 'warning',
    size:      { width: 800, height: 400 },
    content:   '<p>Click toolbar icon to load a file showing the code for this example.</p>',
    toolbarHeader: [
        {
            item:     "<span class='jsglyph jsglyph-edit' style='cursor: pointer'></span>",
            event:    "click",
            callback: function (event) {
                event.data.content.load('files/code-foundation-sample-3.html');
            }
        }
    ],
    callback: function () {
        this.content.css('padding', '10px');
    }
});