ElectronJS Multiple Monitors

Question

I'm attempting to create an application that opens 2 different BrowserWindows in Kiosk mode on 2 attached monitors. The only relevant documentation I see on how to do this is from this page which indicates that the second display should have a bounds > 0. Unfortunately, when I log the bounds of each Display, the x and y properties are 0 on both displays, although the size.width and size.height appear accurate.

Any thoughts on how to accomplish this multi-screen kiosk?

Answer 1

According to the documentation you could do the following.

const electron = require('electron')
const {app, BrowserWindow} = require('electron')

let win

app.on('ready', () => {
  let displays = electron.screen.getAllDisplays()
  let externalDisplay = displays.find((display) => {
    return display.bounds.x !== 0 || display.bounds.y !== 0
  })

  if (externalDisplay) {
    win = new BrowserWindow({
      x: externalDisplay.bounds.x + 50,
      y: externalDisplay.bounds.y + 50
    })
    win.loadURL('https://github.com')
  }
})