Op Ignite zijn diverse aankondigingen gedaan over de doorontwikkeling van modern SharePoint lijsten. De nieuwe features hebben als doel je lijsten nog sprekender en breder inzetbaar te maken. In deze sessie gaan we kijken naar de recent toevoegde optie van column formatting. Hoe werkt het, wat zijn de grenzen van wat je er mee kan en wat zijn de known issues.

1. Spice up je
Modern SharePoint Lijst
Deel 1
Conditional column formatting

2. S O L U T I O N C O N S U LT A N T
R E B E K K A
A A L B E R S

6. Power User
Bekend met Modern Lists
Nog niet veel gedaan met Column
Formatting
Niet bang om te werken met
JSON

7. IGNITE 2017
SharePoint
announcements

8. IGNITE 2017
SharePoint
announcements

9. IGNITE 2017
SharePoint
announcements
• Column formatting
• SharePoint List forms met PowerApps

10. Column formatting

12. POWER USER DEVELOPER
Field type Column formatting Field Customizer
Conditional formatting
based on item values and
value ranges
Supported Supported
Action links Support for static hyperlinks that
do not launch script
Support for any hyperlink,
including those that invoke
custom script
Data visualizations Support for simple visualizations
that can be expressed using
HTML and CSS
Support for arbitrary data
visualizations
BRON: https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting

13. JSON{} objectColumn Formatting
toepassen

14. Veldwaardes weergeven
Tekst, cijfer,
keuzelijst, datum
Persoon
Lookup

15. sp-field-dataBars
sp-field-trending--up
sp-field-trending--down
sp-field-quickAction
sp-field-severity--good
sp-field-severity--low
sp-field-severity--warning
sp-field-severity--
severeWarning
sp-field-severity--
blocked
Voorgedefinieerde classes

16. Office UI Fabric

18. Ondersteunde
kolommen
Één regel tekst
Cijfer
Keuze
Persoon
Ja/nee
Hyperlink
Afbeelding
Datum
Opzoeken
Titel (in Lijsten)

19. Niet
ondersteund
Beheerde metagegevens
Bestandsnaam (in
Bibliotheken)
Berekend
Retentielabels

21. Voorwaardelijke
opmaak
Op basis
cijferreeksen
Op basis van een
tekst of
keuzewaarde

22. Op basis
cijferreeksen
<=70

23. Op basis van
een tekst of
keuzewaarde

24. Opmaak op
basis
datumreeksen
Op basis van vergelijking
met Vandaag
Op basis van vergelijking
van willekeurige datums

25. Op basis van
vergelijking
met Vandaag
Datum <= Vandaag

26. Op basis van
vergelijking
willekeurige
datum
Critical
Datum <= over 3 dagen Datum <= over 3 dagen
Datum <= over 1 dag

27. Klikbare acties
Hyperlinks
Actieknoppen
Start een Flow-knop

28. Hyperlinks

29. Actie knoppen

30. LET OP
Beperkt tot:
http://
https://
mailto:

31. Flow startknop

32. Waarde
visualisaties
Cijfers als data bar
weergeven
Omhoog en omlaag
trend met iconen

33. Cijfers als data
bar weergeven

34. Omhoog en
omlaag trend
met iconen

35. Webpart

36. Goed om te
weten
Conditional Formatting werkt alleen in
Moderne Lijsten.
Kolommen met opmaak verliezen soms
standaard functionaliteit.
De vergelijkingen zijn hoofdlettergevoelig.
Column formatting werkt momenteel
alleen in de lijst zelf, nog niet in het
Modern List View webpart.

37. Resources
https://docs.microsoft.com/en-
us/sharepoint/dev/declarative-
customization/column-formatting
https://github.com/SharePoint/sp-dev-column-
formatting/tree/master/samples
https://developer.microsoft.com/en-
us/fabric#/styles/icons
https://github.com/SharePoint/sp-dev-
solutions/tree/master/solutions/ColumnFormatter

38. VRAGEN??
THAT’S A WRAP

39. VOLGENDE KEER
Spice up je Modern
SharePoint Lijst
Deel 2
SharePoint List forms met
PowerApps