🎛️ Ribbon Customization

← Terug naar Develop

Het aanpassen van de command bar (ribbon) binnen model-driven apps om gebruikersgerichte acties beschikbaar te maken.

Onderwerpen

Doel

De command bar bepaalt welke acties beschikbaar zijn binnen formulieren, views en subgrids.

Command bar customization wordt toegepast om:

Een goed ingerichte command bar toont uitsluitend acties die relevant zijn voor de huidige gebruiker en context.

Moderne aanpak versus Ribbon Workbench

Er zijn twee manieren om de command bar aan te passen.

Command Designer

De Command Designer is de voorkeursmethode voor nieuwe ontwikkelingen.

Geschikt voor:

Voordelen:

Ribbon Workbench

Ribbon Workbench wordt uitsluitend gebruikt wanneer de Command Designer onvoldoende mogelijkheden biedt.

Geschikt voor:

Aandachtspunt:

Ribbon Workbench werkt op basis van Ribbon XML en vraagt meer kennis en onderhoud.

Button Actions

Een knop kan verschillende typen acties uitvoeren.

Actie Toepassing
Power Fx Eenvoudige logica
JavaScript Client-side interacties
Power Automate Processen en integraties
Navigatie Openen van formulieren, views of pagina's

Richtlijn

Gebruik altijd de eenvoudigste oplossing die het scenario ondersteunt.

Voorkeursvolgorde:

  1. Command Designer
  2. Power Fx
  3. Power Automate
  4. JavaScript
  5. Ribbon Workbench

Visibility en Enable Rules

Met regels kan worden bepaald wanneer een knop zichtbaar of beschikbaar is.

Visibility

De knop wordt volledig verborgen.

Toepassen wanneer:

  • de actie niet relevant is
  • de gebruiker geen toegang hoort te hebben
  • de situatie niet van toepassing is

Enable

De knop blijft zichtbaar maar is niet beschikbaar.

Toepassen wanneer:

  • aanvullende voorwaarden vereist zijn
  • een record nog niet aan alle criteria voldoet
  • gebruikers moeten begrijpen dat een actie bestaat

Security Based Visibility

Zichtbaarheid kan worden gebaseerd op:

  • Security Roles
  • Teams
  • Business Units
  • Recordstatus
  • Gebruikerscontext

Gebruik security-gebaseerde zichtbaarheid alleen wanneer functioneel noodzakelijk.

Security validatie moet altijd ook server-side worden afgedwongen.

UX Richtlijnen

Een effectieve command bar:

  • bevat alleen relevante acties
  • gebruikt duidelijke labels
  • gebruikt herkenbare iconen
  • voorkomt overbodige knoppen
  • ondersteunt de gebruikersflow

Beperk het aantal maatwerkknoppen tot wat daadwerkelijk nodig is.

Governance Richtlijnen

Command Designer First

Gebruik altijd eerst de standaard Command Designer.

Scheiding van verantwoordelijkheden

Verantwoordelijkheid Technologie
UI gedrag Command Designer / JavaScript
Business Logic Plugin / Dataverse
Integraties Power Automate
Security Security Roles

Plaats geen business logic in ribbon implementaties.

Onderhoudbaarheid

  • documenteer maatwerkknoppen
  • hergebruik bestaande acties waar mogelijk
  • voorkom duplicatie van functionaliteit

Relatie met andere onderwerpen

Onderwerp Relatie
Model-Driven Apps Command bar maakt onderdeel uit van de gebruikersinterface
JavaScript Kan worden gebruikt voor client-side acties
Power Automate Kan worden gestart vanuit command bar acties
Security Roles Bepalen welke acties beschikbaar zijn
User Experience Command bar beïnvloedt dagelijks gebruik van de applicatie

Samenvatting

Command Bar Customization maakt het mogelijk om gebruikersgerichte acties toe te voegen, te verbergen of te automatiseren binnen model-driven apps.

Gebruik hierbij:

  • Command Designer als standaardaanpak
  • Ribbon Workbench alleen indien noodzakelijk
  • eenvoudige visibility regels
  • een duidelijke scheiding tussen UI, business logic en integraties

Een goed ontworpen command bar verbetert de gebruiksvriendelijkheid, onderhoudbaarheid en consistentie van de oplossing.