Minimize to tray
b1rdex edited this page Sep 12, 2014
·
1 revision
This example needs node-webkit >= v0.3.0
On Windows, a common window design pattern is to minimize the window to the notification area. e.g. Hide and window when you click the minimize button and add a tray icon to bring the window back.
To implement it in node-webkit, you can try to use the code bellow.
<html>
<body>
<div>Minimize to tray</div>
<script>
// Load library
var gui = require('nw.gui');
// Reference to window and tray
var win = gui.Window.get();
var tray;
// Get the minimize event
win.on('minimize', function() {
// Hide window
this.hide();
// Show tray
tray = new gui.Tray({ icon: 'icon.png' });
// Show window and remove tray when clicked
tray.on('click', function() {
win.show();
this.remove();
tray = null;
});
});
</script>
</body>
</html>