jspanel
Version:
A jQuery Plugin to create highly configurable multifunctional floating panels
20 lines • 730 B
HTML
<pre style="background: #F1F1F1; border: 1px solid #ccc;">$.jsPanel({
position: { left: 300, top: 150 },
title: 'jsPanel with header toolbar',
theme: 'primary',
size: { width: 750, height: 400 },
content: '<p>Click show code button to load a file showing the code for this example.</p>',
toolbarHeader: [
{
item: "<button style='cursor:pointer;'>show code</button>",
event: "click",
callback: function (event) {
event.data.content.load('files/code-sample-3.html');
}
}
],
callback: function () {
this.content.css('padding', '10px');
}
});
</pre>