OneWebView — Multi-kiosk web dashboard in een grid.
OneWebView is een Windows desktopapp (C# .NET 8.0, WebView2/Chromium) die meerdere webpagina's tegelijk toont in een configureerbaar grid (tot 10×10 tegels). Per tegel: URL-rotatie met sub-URL's + delays, individuele zoom, auto-refresh, globale dark mode en fullscreen. Alles configureerbaar via één JSON-config bestand.
Grid layout (rows/cols)
Maak een dashboard wall met 1 tot meerdere tegels (max 10×10 grid = 100 tegels ). Perfect voor monitoring dashboards of informatie displays.
Sub-URL rotatie per tegel
Laat één tegel automatisch wisselen tussen meerdere pagina's met configureerbare delays (in seconden). Rotatie loopt continu door: main URL → sub-URL's → main URL.
Kiosk ervaring
Rustig beeld zonder afleiding: fullscreen mode (F11), minimal UI, scrollbars verborgen, popups geblokkeerd en voorspelbaar gedrag. Automatisch fullscreen (configureerbaar).
Zoom & schaal per tegel
Elke webapp is anders. Stel per tegel een zoomfactor in. Zoom via Ctrl+Scroll over URL bar, context menu of JSON config.
Auto-refresh
Ververs pagina's automatisch op configureerbaar interval (in seconden). Perfect voor dashboards die real-time updates nodig hebben.
Dark mode & theming
Globale dark mode instelbaar via JSON config. Past automatisch Windows title bar aan (Windows 10/11). Light en dark thema's voor alle UI elementen.
Edit mode & shortcuts
Ctrl+E voor edit mode (URL's aanpassen), F11 voor fullscreen toggle, F1 voor About version dialog. Overlay met URL info verschijnt bij hover, verbergt automatisch.
Config = deploybaar
JSON is versiebeheer-vriendelijk. Deel configs met collega's, zet ze klaar voor meerdere schermen. Auto-save bij wijzigingen.
JSON configuratie (voorbeeld)
Eén dashboard.json bestand bepaalt grid layout, fullscreen, dark mode en alle tiles. Wijzigingen worden automatisch opgeslagen. Het dashboard draait embedded binnen de applicatie.
{
"rows": 2,
"cols": 2,
"startFullscreen": true,
"darkMode": true,
"tiles": [
{
"url": "https://status.cloudflare.com/",
"delay": 0,
"subUrls": [
{ "url": "https://status.aws.amazon.com/", "delay": 30 },
{ "url": "https://www.githubstatus.com/", "delay": 30 }
],
"zoom": 0.5,
"autoRefresh": 300
},
{
"url": "https://grafana.com/grafana/dashboards/",
"delay": 0,
"subUrls": [
{ "url": "https://status.datadoghq.com/", "delay": 20 }
],
"zoom": 0.9,
"autoRefresh": 120
},
{
"url": "https://example.com/",
"delay": 10,
"subUrls": [
{ "url": "null", "delay": 10 },
{ "url": "null", "delay": 20 }
],
"zoom": 1.0,
"autoRefresh": 0
},
{
"url": "https://example.com/",
"delay": 0,
"subUrls": [
{ "url": "null", "delay": 10 },
{ "url": "null", "delay": 20 }
],
"zoom": 1.0,
"autoRefresh": 0
}
]
}
Configuratie uitleg
rows/cols: Grid dimensies (1-10, max 100 tegels totaal).
startFullscreen: Start automatisch in fullscreen mode (F11 om te wisselen).
darkMode: Globale dark mode voor alle UI elementen en Windows title bar.
url: Hoofd-URL voor de tegel (vereist).
delay: Wachtijd in seconden voordat rotatie naar sub-URL's start (0 = direct).
subUrls: Array van sub-URL's met delays. Gebruik "null" als placeholder voor lege slots.
zoom: Zoomfactor per tegel (1.0 = 100%).
autoRefresh: Auto-refresh interval in seconden (0 = uitgeschakeld).
Download
OneWebView is een Windows desktop applicatie (.NET 8.0, WebView2). Vereist Windows 10/11 en Microsoft Edge WebView2 Runtime (meestal al geïnstalleerd).
Technische details: Single-file self-contained executable (win-x64).
Contact
Voor vragen, feedback of use-cases: mail:
Is OneWebView een "kiosk browser" of een dashboard tool?
Beide: het is een kiosk browser die je in een configureerbaar grid indeelt, gericht op betrouwbare weergave van dashboards en webtools op (grote) schermen. Gebouwd met C# .NET 8.0 en WebView2 (Chromium engine).
Kan ik per tegel meerdere pagina's laten rouleren?
Ja. Met subUrls en delay wisselt één tegel automatisch tussen meerdere URL's terwijl andere tegels blijven staan. Rotatie loopt continu door: main URL → sub-URL's → main URL. Delays zijn configureerbaar per URL in seconden.
Hoe werkt zoom per tegel?
Elke tegel heeft een individuele zoomfactor. Stel deze in via JSON config, Ctrl+Scroll over de URL bar, of via het context menu (rechtermuisknop). Zoom wordt automatisch opgeslagen in de config.
Wat zijn de keyboard shortcuts?
Ctrl+E: Toggle edit mode (URL's bewerken), F11: Toggle fullscreen, F1: About version dialog, Ctrl+Scroll (over URL bar): Zoom in/out, Escape: Exit edit mode.
Is er een manier om configs te delen?
Ja. Omdat het JSON is, kun je configs opslaan, delen met je team. De applicatie auto-saved wijzigingen naar dashboard.json in de applicatie directory.
Hoe groot kan het grid zijn?
Maximaal 10×10 grid (100 tegels totaal). Grid wordt dynamisch opgebouwd met SplitContainers voor gelijke verdeling. Grotere grids kunnen meer resources gebruiken.