Skip to main content

Popup-themes

Popup-themes leggen de visuele intentie en importdefaults van dynamische popups centraal vast. Per popup wordt in het popup-register alleen een ThemeKey en Variant gekozen; kleur, icoon, buttonstijl, inputtype en standaard sluitgedrag worden niet per popup los beheerd.

Source-of-truth regel

Voor niet-custom popups geldt:

PopupDetails-importrecord = PopupRegisterRow + PopupThemeDefaults + VariantDefaults

De popup-registerregel is de enige bron voor popup-specifieke inhoud zoals titel, tekst, knoptekst, knopactie, inputkey en inputlabel. Dit document levert alleen herbruikbare defaults.

ThemeKeyPopupTypeSeverityIcoonCloseButtonEnabled defaultLeftButtonTheme defaultRightButtonTheme defaultGebruik
InfoDefaultInfoInformatiefInfoJaSecondaryPrimaryNeutrale uitleg, bevestiging of verwijzing.
WarningConfirmWarningWaarschuwingWarningJaSecondaryPrimaryActies met aandachtspunt maar zonder destructieve lading.
ErrorDefaultErrorFoutErrorJaSecondaryDangerBlokkerende of technische foutmelding.
DestructiveConfirmWarningRisicovolWarningJaSecondaryDangerOntkoppelen, sluiten, verwijderen of andere risicovolle bevestigingen.
CriticalBlockerCriticalKritiekAlertJaSecondaryDangerKritieke blokkade waarbij doorgaan niet veilig of toegestaan is.
CustomDefaultCustomAfwijkendAfhankelijk van rendererAfhankelijk van rendererAfhankelijk van rendererAfhankelijk van rendererComplexe popup met coded renderer.

Variant-defaults

VariantLeftButton.Enabled defaultLeftButton.Text defaultLeftButton.Action defaultRightButton.Enabled defaultRightButton.Text defaultRightButton.Action defaultInput.EnabledInput.Type defaultInput.Required defaultInput.MaxLength defaultCustomRendererKey verplichtRegel
InfoOnlyNeeJaOkClosePopupNeeNeeInformatieve of blokkerende melding met één sluitactie.
ConfirmJaAnnulerenClosePopupJaNeeNeeBevestiging met secundaire veilige actie en primaire vervolgactie.
InputTextJaAnnulerenClosePopupJaJaTextJa255NeeEén tekstveld met bevestigingsactie.
InputEmailJaAnnulerenClosePopupJaJaEmailJa254NeeEén e-mailadresveld met e-mailvalidatie.
InputTextareaJaAnnulerenClosePopupJaJaTextareaJa1000NeeEén tekstvlak met bevestigingsactie.
CustomAfhankelijk van rendererAfhankelijk van rendererAfhankelijk van rendererJaComplexe popup; rendering en gedrag liggen in code.

Button theme-register

ButtonThemeFunctionele betekenisVisuele intentieGebruik
PrimaryPrimaire vervolgstapNadrukkelijke actieBevestigen, doorgaan, opslaan.
SecondarySecundaire of veilige actieNeutraalAnnuleren, terug, sluiten.
DangerDestructieve of risicovolle actieRood / waarschuwendOntkoppelen, verwijderen, definitief sluiten, foutmelding bevestigen.
SuccessPositieve bevestigingGroen / bevestigendUitnodiging versturen of akkoord geven wanneer dat functioneel positief is.
NeutralLage-prioriteit actieTerughoudendAlleen lezen, oké, informatief sluiten.

Importregels

OnderwerpRegel
SamenstellingPopupDetails importdata wordt samengesteld uit de popup-registerregel, het gekozen ThemeKey en de gekozen Variant.
Volgorde van waardenPopup-registerregel heeft voorrang op variant-defaults; variant-defaults hebben voorrang op theme-defaults wanneer zij hetzelfde technische veld raken.
PopupTypeWordt standaard bepaald door ThemeKey. Wanneer een andere PopupType nodig is, wordt een nieuw thema aangemaakt in plaats van een losse popupoverride.
CloseButtonEnabledKomt standaard uit ThemeKey. Afwijking mag alleen via expliciete importoverride wanneer functioneel noodzakelijk.
ButtonThemeKomt standaard uit ThemeKey. Afwijking mag alleen via expliciete importoverride.
ButtonText en ButtonActionKomen uit het popup-register of, wanneer leeg, uit de variant-defaults.
InputType, Required en MaxLengthKomen uit de variant-defaults. InputKey en InputLabel komen uit het popup-register.
CustomRendererKeyIs alleen toegestaan en verplicht bij Variant=Custom.
Eén source of truthEen niet-custom popup mag niet óók als volledige detailtabel worden uitgewerkt.

Mapping naar PopupDetails

PopupDetails veldBron
PopupDetails.KeyPopupRegister.PopupKey
PopupDetails.TypePopupTheme.PopupType
PopupDetails.TitlePopupRegister.Titel
PopupDetails.TextPopupRegister.Tekst
PopupDetails.CloseButtonEnabledPopupTheme.CloseButtonEnabled default, tenzij expliciet overschreven
PopupDetails.LeftButton.EnabledVariant.LeftButton.Enabled default, eventueel aangevuld door aanwezigheid van linker knoptekst of actie
PopupDetails.LeftButton.TextPopupRegister.LeftButtonText of Variant.LeftButton.Text default
PopupDetails.LeftButton.ActionCallMethodPopupRegister.LeftButtonAction of Variant.LeftButton.Action default
PopupDetails.LeftButton.ButtonThemePopupTheme.LeftButtonTheme default, tenzij expliciet overschreven
PopupDetails.RightButton.EnabledVariant.RightButton.Enabled default, eventueel aangevuld door aanwezigheid van rechter knoptekst of actie
PopupDetails.RightButton.TextPopupRegister.RightButtonText of Variant.RightButton.Text default
PopupDetails.RightButton.ActionCallMethodPopupRegister.RightButtonAction of Variant.RightButton.Action default
PopupDetails.RightButton.ButtonThemePopupTheme.RightButtonTheme default, tenzij expliciet overschreven
InputveldenDocumentatie-/seedvelden op basis van Variant en registerregel; meer dan één inputveld is Custom.

Invulregels

OnderwerpRegel
Geen losse kleurenGebruik ButtonTheme en ThemeKey; leg geen individuele hex-kleuren per popup vast.
Geen inhoud in themaTitel, tekst, knoptekst en usecaseverwijzing horen niet in popup-themes.md.
PopupTypeMoet aansluiten op de enumwaarden die de applicatie ondersteunt.
VariantMoet aansluiten op één van de vastgelegde variant-defaults.
Custom popupsCustom popups kunnen een theme hebben, maar rendering en layout liggen in code.
ImporteerbaarheidElke combinatie van niet-custom registerregel + variant + thema moet zonder extra detailtabel tot een importrecord kunnen worden omgezet.