Atom Electron – Close the window with javascript

by

You must access the BrowserWindow object created by your main process and call the minimize, maximize, and close methods on that. You can access this using the remote module. Here is an example of binding all three buttons:

  const remote = require('electron').remote;

  document.getElementById("min-btn").addEventListener("click", function (e) {
       var window = remote.getCurrentWindow();
       window.minimize(); 
  });

  document.getElementById("max-btn").addEventListener("click", function (e) {
       var window = remote.getCurrentWindow();
       if (!window.isMaximized()) {
           window.maximize();          
       } else {
           window.unmaximize();
       }
  });

  document.getElementById("close-btn").addEventListener("click", function (e) {
       var window = remote.getCurrentWindow();
       window.close();
  });

assuming your min, max, close buttons have ids of min-btn, max-btn, and close-btn, respectively.

You can view the full documentation for the BrowserWindow along with other functionality you might need here: http://electron.atom.io/docs/v0.28.0/api/browser-window/.

It might also help you to take a look at a tutorial I wrote about building a chromeless window that looks like Visual Studio here: http://www.mylifeforthecode.com/making-the-electron-shell-as-pretty-as-the-visual-studio-shell. Your question is covered along with some css to properly position the buttons.

More Related Contents:

  1. Electron require() is not defined
  2. array.length is zero, but the array has elements in it [duplicate]
  3. How to access DOM elements in electron?
  4. How to use preload.js properly in Electron
  5. What is the difference between const and const {} in JavaScript
  6. How do I reload a page with react-router?
  7. Saving files locally with electron
  8. How to close electron app via javascript?
  9. Electron – Setting up IPC communication between main and renderer processes
  10. Electron IPC and nodeIntegration
  11. How to view a PDF in an Electron BrowserWindow?
  12. Replace ‘Prompt’ in on Electron
  13. How to import ipcRenderer in vue.js ? __dirname is not defined
  14. Use of require(lib) versus in Electron apps
  15. Electron nodeIntegration not working, also general weird Electron behavior [duplicate]
  16. Substraction two textbox values with jquery [duplicate]
  17. Get selected value in dropdown list using JavaScript
  18. Using HTML5/JavaScript to generate and save a file
  19. Best way to call an asynchronous function within map?
  20. How to display data values on Chart.js
  21. Check whether an array exists in an array of arrays?
  22. Dot and Square Bracket Notation
  23. jQuery: how to change tag name?
  24. Best way to store a key=>value array in JavaScript?
  25. JavaScript parseFloat in Different Cultures
  26. Reference ASP.NET control by ID in JavaScript?
  27. event.toElement in IE8 and Firefox?
  28. jQuery: Evaluate script in ajax response
  29. How to convert array of key–value objects to array of objects with a single property?
  30. Count console.log objects

Leave a Comment