util.countWindows();DEMO
win = util.getWindowById('');DEMO
win = util.getWindowByName('');DEMO
wins = util.getWindowsByGroup('');DEMO
wins = util.getAllWindows();DEMO
win = util.getWindowContext('');DEMO
util.closeAllWindows();DEMO
util.closeWindowsByGroup('');DEMO

opt = { name: 'win1', //group: 'group1', draggable: true, resizable: true, //maximize: false, ////pos: {x: 100, y: 200}, //pos: 'c', // c|mw|n|ne|e|se|s|sw|w //adjX: 50, //adjY: -50, closeButton: true, width: 400, height: 250, //maxWidth: 600, //maxHeight: 350, scale: 1, hidden: false, modal: false, //kiosk: true, title: { text: 'Window1' }, body: { style: { //background: '#fff' } }, oncreate: demo.oncreate, onshow: demo.onshow, onhide: demo.onhide, onactive: demo.onactive, oninactive: demo.oninactive, onclose: demo.onclose, onstartmove: demo.onstartmove, onmove: demo.onmove, onstopmove: demo.onstopmove, onstartresize: demo.onstartresize, onresize: demo.onresize, onendresize: demo.onendresize, onsizechanged: demo.onsizechanged };
win1 = util.newWindow(opt);DEMO
var html =
<span id="span1">Window1</span><br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br>
win1.draw(html);DEMO
win1.show();DEMO
win1.hide();DEMO
win1.active();DEMO
win1.close();DEMO
win1.appendElement('#div1');DEMO
win1.removeElement('#div1');DEMO
win1.setTitle('');DEMO
win1.move(, );DEMO
win1.size(, );DEMO
win1.getSize();DEMO
win1.getPos();DEMO
win1.resetSize();DEMO
win1.resetPos();DEMO
win1.resetWindow();DEMO

opt = { name: 'win2', group: 'group2', pos: {x: 100, y: 200}, width: 400, height: 300, minWidth: 300, minHeight: 150, maxWidth: 600, maxHeight: 400, scale: 2, title: { text: 'Window2' }, onshow: demo.onshow, onhide: demo.onhide, onactive: demo.onactive, oninactive: demo.oninactive, onclose: demo.onclose };
win2 = util.newWindow(opt);DEMO
var html =
The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br>
win2.draw(html);DEMO
win2.show();DEMO
win2.hide();DEMO
win2.active();DEMO
win2.close();DEMO
win2.appendElement('#div1');DEMO
win2.removeElement('#div1');DEMO
win2.setTitle('');DEMO
win2.move(, );DEMO
win2.size(, );DEMO
win2.getSize();DEMO
win2.getPos();DEMO
win2.resetSize();DEMO
win2.resetPos();DEMO
win2.resetWindow();DEMO

opt = { group: 'group3', width: 400, height: 250, //maxWidth: 400, maxHeight: 400, pos: 'c', scale: 1.4, style: { 'border-radius': '4px' }, title: { text: 'Window3', style: { color: '#111', background: '#ccc' }, buttons: { style: { color: '#888' } } }, body: { style: { background: '#fff' } }, onshow: demo.onshow, onhide: demo.onhide, onactive: demo.onactive, oninactive: demo.oninactive, onbeforeclose: demo.onbeforeclose, onclose: demo.onclose };
win3 = util.newWindow(opt);DEMO
var html =
The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br>
win3.draw(html);DEMO
win3.show();DEMO
win3.hide();DEMO
win3.active();DEMO
win3.close();DEMO
win3.appendElement('#div1');DEMO
win3.removeElement('#div1');DEMO
win3.setTitle('');DEMO
win3.move(, );DEMO
win3.size(, );DEMO
win3.getSize();DEMO
win3.getPos();DEMO
win3.resetSize();DEMO
win3.resetPos();DEMO
win3.resetWindow();DEMO

opt = { width: 400, height: 250, pos: 'ne', adjX: -50, adjY: 50, title: { style: { background: 'linear-gradient(150deg, rgba(0,0,0,0.8),rgba(0,0,0,0.5))' } }, body: { style: { background: 'linear-gradient(150deg, rgba(0,0,0,0.8),rgba(0,0,0,0.5))', color: '#fff' } }, content: 'Hello, world!' };
win4 = util.newWindow(opt);DEMO
var html =
The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br>
win4.draw(html);DEMO
win4.show();DEMO
win4.hide();DEMO
win4.active();DEMO
win4.close();DEMO
win4.appendElement('#div1');DEMO
win4.removeElement('#div1');DEMO
win4.setTitle('');DEMO
win4.move(, );DEMO
win4.size(, );DEMO
win4.getSize();DEMO
win4.getPos();DEMO
win4.resetSize();DEMO
win4.resetPos();DEMO
win4.resetWindow();DEMO

opt = { kiosk: true, title: { text: 'Window5' } };
win5 = util.newWindow(opt);DEMO
var html =
The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br> The quick brown fox jumps over the lazy dog<br>
win5.draw(html);DEMO
win5.show();DEMO
win5.hide();DEMO
win5.active();DEMO
win5.close();DEMO
win5.appendElement('#div1');DEMO
win5.removeElement('#div1');DEMO
win5.setTitle('');DEMO
win5.move(, );DEMO
win5.size(, );DEMO
win5.getSize();DEMO
win5.getPos();DEMO
win5.resetSize();DEMO
win5.resetPos();DEMO
win5.resetWindow();DEMO