Desktop
Op brede schermen staat de toolbar inline in de topbar en kun je het rechter zijpaneel in breedte aanpassen.
Dashboarding docs
Dashboard Builder referentie
Deze hub beschrijft hoe je dashboardpagina's bouwt, wijzigt en publiceert in de huidige frontend: met de edit-toolbar in de topbar, een rechter zijpaneel voor editors, widgetacties, marketplace, versies, rapporten en AI-ondersteuning.
Aanbevolen leerpad
- Leer eerst de edit-toolbar kennen: bewerken, advanced, add/generate widget, save, versions en marketplace.
- Stel daarna Page settings & layout in voor titel, grid, menuopties en page-level regels.
- Werk vervolgens Views en Filters uit zodat widgets op stabiele data werken.
- Bouw of verfijn widgets in het rechter zijpaneel.
- Gebruik Marketplace en Versies voor hergebruik en veilig herstel.
- Gebruik Rapporten & AI voor PDF's, rapportpagina's en AI-gestuurde widgetopzet.
Edit-toolbar en editorflow
Wanneer je dashboardbewerking activeert, verschijnt in de topbar een editor-toolbar. De meeste editors openen daarna in het rechter zijpaneel.
| Groep | Acties | Gebruik |
|---|---|---|
| Bewerken | Layout toggle, advanced toggle | Schakel grid-interactie en geavanceerde instellingen in of uit. |
| Configureren | Page settings, filters, views | Beheer paginagedrag, filterdefinities en SQL-views. |
| Bouwen | Add widget, generate widget, paste widget | Voeg handmatig of met AI een nieuwe widget toe. |
| Opslaan | Save changes, versions | Sla wijzigingen op en open herstelpunten. |
| Marketplace | Marketplace, publish dashboard, publish filter set | Publiceer of hergebruik pagina's, widgets, views en filtersets. |
| Rapport | Save report | Sla AI-gegenereerde rapportoutput op als report-page wanneer beschikbaar. |
Mobiel
Op mobiel schuift dezelfde editorflow naar compacte popovers, drawers of full-width dialogs.
Edit-toolbar en zijpaneel
- De dashboardeditor werkt vanuit de topbar, niet vanuit losse modals per functie.
- Page settings, filters, views en widget-editor openen in hetzelfde rechter zijpaneel.
- Het grid blijft zichtbaar zodat je wijzigingen direct in context kunt beoordelen.
Core dashboard onderdelen
Page settings & layout
Paginatitel, menuvolgorde, gridopties, page color rules, value rules en standaard chartkleuren.
Open details →Views
SQL-views met global_* bronnen, placeholdergebruik, filterdoorvoer en validatie.
Filters
Filtertypes, defaults, compare sets, presets en runtimegedrag in de filterbar of drawer.
Open details →Rapporten & AI
AI-popover, widgetgenerator, report-route, PDF-export en geplande PDF's.
Open details →Widgetacties in editmodus
Elke widget heeft een eigen actiemenu. De zichtbare acties hangen af van je rechten en van het widgettype.
| Actie | Gebruik | Opmerking |
|---|---|---|
| Kopiëren | Zet de widgetconfig op het clipboard. | Combineert goed met Paste widget. |
| Dupliceren | Maakt direct een tweede widget. | Pas daarna titel, datasource of filters aan. |
| Toevoegen aan marktplaats | Publiceert een losse widget als sjabloon. | Kan previewdata of een meegeleverde view meenemen. |
| Verwijderen | Haalt de widget van de pagina. | Wordt pas definitief na Save changes. |
| Bewerken | Opent de widget-editor opnieuw. | Gebruikt hetzelfde rechter zijpaneel als nieuwe widgets. |
Widgetacties
- Elke widget heeft een eigen menu voor bewerken, kopiëren, dupliceren en verwijderen.
- Marketplace- of sjabloonacties starten vanuit dezelfde plek als gewone widgetbewerkingen.
- Controleer na dupliceren altijd datasource, filters en titels omdat die vaak meekomen.
Dashboardversies en herstellen
- De knop Versions opent opgeslagen snapshots van de huidige pagina.
- Gebruik dit na foutieve layoutwijzigingen, mislukte AI-runs of onbedoeld verwijderde widgets.
- Herstellen vervangt de actuele pageconfig door de gekozen versie. Controleer daarna widgets, filters en views voordat je opnieuw opslaat.
- Niet-opgeslagen wijzigingen zitten niet in deze geschiedenis.
Dashboardversies
- De historie toont opgeslagen snapshots van de pagina, niet je huidige onopgeslagen concept.
- Per versie zie je wie en wanneer de wijziging heeft opgeslagen.
- Herstellen overschrijft de actuele configuratie; controleer daarna widgets, filters en views opnieuw.
Live data indicator
Bij live streamende datasources kan bovenaan de dashboardpagina een compacte live-indicator zichtbaar zijn.
- De indicator verschijnt alleen wanneer de pagina actief live updates ontvangt.
- Gebruik dit als signaal dat widgets incrementieel kunnen verversen zonder handmatige reload.
- De indicator kan ook zichtbaar blijven op pagina's zonder titel, in een aparte rij boven het grid.
Marketplace en hergebruik
De marketplace is onderdeel van de dashboardbuilder en laat je sjablonen publiceren of toepassen zonder handmatig JSON te kopiëren.
| Type | Wat je publiceert | Wat je terugkrijgt |
|---|---|---|
| Dashboard | Een volledige pagina-indeling. | Een nieuwe pagina op basis van het sjabloon. |
| Widget | Een losse widgetconfig. | Een nieuwe widget op de huidige pagina. |
| View | Een SQL-view uit Edit Views. | Een view die je direct aan widgets kunt koppelen. |
| Filterset | De huidige set paginafilters. | Een filterconfig die op de pagina wordt geladen. |
De marketplace dialoog bevat typefilters, een lijst met sjablonen, een previewpaneel en acties om toe te passen of te verwijderen.
Marketplace
- De marketplace combineert typefilters, een itemlijst en een previewpaneel.
- Gebruik preview om te beoordelen of een sjabloon past vóórdat je hem toepast.
- Na toepassen blijft finetuning meestal nodig voor tenantdata, labels en filters.
Widget referenties
Table
Kolommen, sortering, totals, compare-layout, breakdowns en celacties.
Open details →Chart
Charttypes, datasets, kleuren, annotaties, point-actions en datalabels.
Open details →KPI
Aggregaties, formattering, vergelijkingsbronnen en waardeweergave.
Open details →Map
Lat/lng mapping, viewport, statuskleuren en markeropties.
Open details →Timeline
Eventvelden, labels, volgorde en comparekleuren.
Open details →Form
Velden, afhankelijkheden, datasource-opties, submitmodi en webhookdoelen.
Open details →HTML & Webhook
Custom content of losse actieknoppen met params, headers en auth.
HTML docs → Webhook docs →Element
Laat een gepubliceerd Element runtime-output of een renderbare widget teruggeven.
Element docs →