Dashboard builder

Page Settings & Layout: volledige reference

Alle instellingen uit Edit Settings: page identity, grid layout, menu settings, page color rules, page value rules en default chart colors.

1. Basisinstellingen

Page settings paneel
  • De pagina-editor opent rechts en groepeert layout, titel en page-level regels in secties.
  • Hier beheer je ook menu-gerelateerde instellingen en visuele defaults voor de pagina.
  • Deze instellingen gelden voor de hele pagina en niet voor één widget.
Gebruik dit paneel voor structuur en paginagedrag; widgetafwijkingen stel je elders in.

Opslaggedrag

  • Dashboard builder-acties staan niet meer in een zwevende editbalk op de pagina. Op desktop verschijnen ze in de topbar links van Dashbot in een inklapbare capsule; op mobiel openen ze vanuit een topbar-popover.
  • layout.columns wordt begrensd op 1 t/m 24.
  • Lege velden (htmlTitle, menuIcon, layout.gap) worden als null/weg gelaten.
  • order wordt als integer opgeslagen.
  • De rechter editorbalk voor page settings, filters, views en widgets is op desktop sleepbaar in breedte; Dashview onthoudt je laatste breedte per gebruiker.
  • hideFilterBar verbergt de zichtbare filterbar/drawer voor deze pagina, maar houdt intern wel een verborgen filterbar-component actief zodat filter-runtime en afhankelijkheden intact blijven.
Instelling Type Default Beschrijving
titlestringleegPaginatitel in menu en header.
htmlTitlestring/nullnullRich title voor page header (menu blijft plain text).
showTitlebooleantrueToon titel boven widgets.
hideFilterBarbooleanfalseVerberg de zichtbare filterbar en mobiele filter-drawer op deze pagina, maar houd de runtime filterbar intern gemount voor compatibiliteit.
hideInMenubooleanfalseVerberg pagina in menu.
menuIconstring/nullnullPrimeIcon class op menu-item.
layout.kindgridgridMomenteel alleen grid-layout.
layout.columnsnumber12Aantal gridkolommen.
layout.gapstringemptyCSS gap, bv 1rem.
ordernumber/nullnullMenuvolgorde (lager = eerder).

2. Page color rules

Page color rules worden door widgets gebruikt zodra ze usePageColorRules ondersteunen.

Rule type Keys Beschrijving
valuevalue, color, caseSensitiveExact value match.
rangemin, max, minInclusive, maxInclusive, scale, colorNumerieke range met absolute of percent schaal.

3. Page value rules

Key Waarden Beschrijving
valuestringMatch inputwaarde.
replacementstringVervangwaarde.
replacementTypetext/html/svg/icon/pngRendermodus.
matchModeexact/regexExacte match of regex.
caseSensitivebooleanCase-sensitive matching.
maxHeightEmnumberMax hoogte van visuele replacements.

4. Default chart colors

Array van kleurwaarden die als fallback palette gebruikt wordt wanneer widgets geen value-based kleurregels toepassen.