Terug naar Dynamics 365 CE

Dynamics 365 Customer Engagement

PCF-controls op maat

Vervang gewone formuliervelden door controls die passen bij hoe uw gebruikers werken.

Voor en na

Sleep de greep om een standaardformulier van een model-driven app te vergelijken met dezelfde velden in eigen PCF-controls.

Veldcontrols

De velden van een formulier in veldcontrols: dezelfde gegevens, sneller te lezen en aan te passen.

Standaard controls

Account

Contoso Bikes NV

General

Klanttevredenheid4
PrioriteitHigh
Contractvoortgang65
OnboardingfaseTraining
Met PCF-controls

Account

Contoso Bikes NV

Active

General

Klanttevredenheid
Prioriteit
LowNormalHighCritical
Contractvoortgang
65%
Onboardingfase
1
2
3
4

Sleep om te vergelijken · Illustratief voorbeeld

Datasetcontrols

Een standaardweergave vervangen door een datasetcontrol: eigenaars, waarde, fase en deadlines in één oogopslag.

Standaard controls

Open Opportunities

TopicEst. revenueSales stage
Fleet renewal 2027€120,000Propose
Service contract upgrade€48,000Develop
Webshop integration€86,000Close
Field Service rollout€142,000Qualify
Customer portal€16,000Propose
Met PCF-controls

Open Opportunities

Pipeline €412k
TopicEst. revenueSales stage
SQFleet renewal 2027€120kPropose
LJService contract upgrade€48kDevelop
SQWebshop integration€86kClose
MVField Service rollout€142kQualify
LJCustomer portal€16kPropose

Sleep om te vergelijken · Illustratief voorbeeld

Wat een PCF-control is

Herbruikbare, responsieve UI-componenten bouwen met het Power Apps component framework. We maken visualisaties op maat, verbeterde invoercontrols en integraties met bibliotheken van derden.

Een PCF-control is een TypeScript-component, vaak gebouwd met React en Fluent UI, die Dataverse toont in plaats van een standaardveld of -raster. Het zit in een solution en reist dus mee door uw omgevingen zoals elke andere aanpassing.

Soorten controls

Veldcontrols

Gekoppeld aan één kolom: beoordelingen, sliders, kleurkiezers, invoermaskers, gevalideerde IBAN- of btw-velden.

Datasetcontrols

Vervangen een weergave of subraster: kanbanborden, kalenders, tijdlijnen, kaarten en bewerkbare rasters.

React (virtuele) controls

Gebruiken de React- en Fluent UI-bibliotheken van het platform zelf, dus ze laden sneller en ogen native.

Wanneer een PCF de moeite waard is

  • Gebruikers herhalen een omslachtige taak vele keren per dag en een betere control bespaart echt tijd.
  • Gegevens zijn visueel makkelijker te begrijpen: voortgang, status, locatie of tijd.
  • Invoer vraagt validatie of opmaak die business rules niet kunnen uitdrukken.
  • Dezelfde control wordt hergebruikt in veel formulieren, apps of bij veel klanten.

Hoe we ze bouwen

  1. 1

    Ontwerpen met de gebruikers, op het echte formulier

  2. 2

    Bouwen in TypeScript en React met Fluent UI

  3. 3

    Testen in het testharnas en met unit tests

  4. 4

    Verpakken in een solution en uitrollen via de pipeline

TypeScriptReactFluent UIPower Platform CLIPCF test harnessJestSolution packaging
VorigeCopilot & geavanceerde onderwerpen

Klaar om uw klantrelaties te transformeren?

Laten we bespreken hoe Dynamics 365 CE uw digitale transformatie kan ondersteunen. We helpen u graag bij het ontwerpen, bouwen en optimaliseren van uw Dynamics 365-oplossing.