Display detection
The system automatically detects all connected displays and can intelligently select the most appropriate one:- Touch screen detection: Displays with resolution ≤1366×768 pixels are automatically identified as touch screens
- Priority order: Command line flags > Touch screen detection > Secondary display > Primary display
- Automatic selection: The smallest display is typically selected for kiosk mode
Starting on specific displays
The system provides several npm scripts to launch the application on different displays:- Automatic selection
- Display 0
- Display 1
- Display 2
Development mode with display selection
For development with hot reload on a specific display:Switching displays at runtime
While the application is running, you can switch between displays using keyboard shortcuts:- Ctrl+Shift+M: Cycle through all available displays
- Press repeatedly to move the window to different displays
Manual display targeting
You can also specify a display using command-line arguments:Common configurations
Three-display setup
For a typical retail setup with multiple monitors:- Display 0: 2654×1111 (Large monitor for management)
- Display 1: 2962×1666 (Primary large monitor for staff)
- Display 2: 790×495 (10.1” touch screen for customers)
Troubleshooting display issues
Check console output
Run the application and check the console for “Available displays” information to see which displays were detected.
Try manual selection
If automatic detection fails, use
npm run display2 or the appropriate display number.Display configuration in code
The display selection logic prioritizes:- Command line
--display=Nflag (highest priority) - Touch screen detection (displays ≤1366×768)
- Secondary displays (non-primary)
- Primary display (fallback)