SlideShare una empresa de Scribd logo
1 de 53
#SPSNL18
Spice up je Modern SharePoint Lijst
Column formatting & Custom forms met PowerApps
Thank you sponsors!
S O L U T I O N C O N S U LTA N T
R EB EK K A
AALBERS
rebetcha@outlook.com
@RebekkaAalbers
Power User
Bekend met Modern Lists
Nog niet veel gedaan met Column
Formatting of PowerApps
Niet bang om te werken met
JSON en/of formules
Dit wordt het jaar
van de SharePoint
Lijst!
IGNITE 2017
SharePoint
announcements
COLUMN FORMATTING SHAREPOINT LIST FORMS
MET POWERAPPS
Column formatting
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
JSON{} objectColumn Formatting
toepassen
Veldwaardes weergeven
Tekst, cijfer,
keuzelijst, datum
Persoon
Lookup
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
Office UI Fabric
Ondersteunde
kolommen
•Één regel tekst
•Cijfer
•Keuze
•Persoon
•Ja/nee
•Hyperlink
•Afbeelding
•Datum
•Opzoeken
•Titel (in Lijsten)
Niet
ondersteund
•Valuta
•Beheerde metagegevens
•Bestandsnaam
(in Bibliotheken)
•Berekend
•Retentielabels
Voorbeelden
docs.microsoft.com
Visual Studio
Code
Column
Formatter
Webpart
De lijst
Projectoverzicht
voor interne
projecten
Bijhouden van
status, budget en
deadline
Voorwaardelijke
opmaak
Op basis
cijferreeksen
Op basis van een
tekst of
keuzewaarde
Op basis
cijferreeksen
>= € 50.000
Op basis van
een tekst of
keuzewaarde
Opmaak op
basis
datumreeksen
Op basis van vergelijking
met Vandaag
Op basis van vergelijking
van willekeurige datums
Op basis van
vergelijking met
Vandaag
Op basis van
vergelijking
willekeurige
datum
Datum <= Vandaag Datum <= over 7 dagen
Datum <= over 1 dag
Waarde
visualisaties
Cijfers als data bar
weergeven
Cijfers als data
bar weergeven
Klikbare acties
Clickable acties
Knoppen
Hyperlinks
Mail links
LET OP
Beperkt tot statische links
http://
https://
mailto:
Flow startknop
Andere opties voor knoppen
defaultClick
Opent detailweergave
van het item
share
Opent de deel-dialoog
voor het item
delete
Opent de bevestig
verwijderen dialoog
editProps
Opent de
eigenschappenpagina
van het item in
bewerkmodus
Goed om te
weten
Conditional Formatting werkt
alleen in Moderne Lijsten.
Kolommen met opmaak verliezen
standaard functionaliteit.
De vergelijkingen zijn
hoofdlettergevoelig.
Column formatting werkt sinds
kort ook in het List View Webpart.
Operators
+ - / * < >
== != <= >= || &&
toString() Number() Date() cos sin ?
toLocaleString() toLocaleDateString() toLocaleTimeString()
SharePoint List
forms met
PowerApps
Classic list
Form opties • Standaard forms
• InfoPath forms
• SharePoint designer forms
• Third party opties
• Maatwerk
Modern list
Form opties
• Standaard forms
• InfoPath forms
• SharePoint designer forms
• Custom forms met PowerApps
• Third party opties
• Maatwerk
PowerApps
custom list form
PowerApps bouwt jouw Form.
Je list form is
een PowerApp
canvas app die
draait in de
context van de
SharePoint-lijst
Dat betekent
• Velden tonen, verbergen of alleen lezen op basis van
logica
• Een stappenplan met meerdere schermen door kunnen
lopen
• Multimedia toepassingen opnemen in het scherm
• Opmaak aanpassen naar behoefte
• Data ophalen uit andere bronnen
• En nog veel meer…
BE CREATIVE!
Resources
Microsoft
documentatie
over Column
Formatting
https://docs.microsoft.com/nl-
NL/sharepoint/dev/declarative-customization/column-
formatting
Column
Formatting op
Github
https://github.com/SharePoint/sp-dev-column-
formatting/tree/master/samples
Column
Formatting
webpart
https://github.com/SharePoint/sp-dev-
solutions/tree/master/solutions/ColumnFormatter
Icons Office
fabric ui
https://developer.microsoft.com/nl-
NL/fabric#/styles/icons
Documentatie
van Microsoft
over list forms
met PowerApps
https://docs.microsoft.com/nl-
NL/powerapps/maker/canvas-apps/customize-list-
form
PowerApps
community
https://powerusers.microsoft.com/t5/PowerApps-
Community/ct-p/PowerApps1
VRAGEN??
THAT’S A WRAP
Thank you sponsors!

Más contenido relacionado

Más de Rebekka Aalbers-de Jong

Rebekka Aalbers - 42 Hervormende Beslisser (Accommoderend) - 8_24_2010
Rebekka Aalbers - 42 Hervormende Beslisser (Accommoderend) - 8_24_2010Rebekka Aalbers - 42 Hervormende Beslisser (Accommoderend) - 8_24_2010
Rebekka Aalbers - 42 Hervormende Beslisser (Accommoderend) - 8_24_2010
Rebekka Aalbers-de Jong
 

Más de Rebekka Aalbers-de Jong (17)

Dataverse Permissions Demystified - PowerAddicts BE 11-2022.pptx
Dataverse Permissions Demystified - PowerAddicts BE 11-2022.pptxDataverse Permissions Demystified - PowerAddicts BE 11-2022.pptx
Dataverse Permissions Demystified - PowerAddicts BE 11-2022.pptx
 
AI Builder Deep Scottish Summit 2020
AI Builder Deep Scottish Summit 2020AI Builder Deep Scottish Summit 2020
AI Builder Deep Scottish Summit 2020
 
AI Builder Deep Dive Power BI User Group Washington DC
AI Builder Deep Dive Power BI User Group Washington DCAI Builder Deep Dive Power BI User Group Washington DC
AI Builder Deep Dive Power BI User Group Washington DC
 
AI Builder Deep Dive
AI Builder Deep DiveAI Builder Deep Dive
AI Builder Deep Dive
 
AI Builder Deep dive Super Power Saturday London 2020
AI Builder Deep dive Super Power Saturday London 2020AI Builder Deep dive Super Power Saturday London 2020
AI Builder Deep dive Super Power Saturday London 2020
 
Power Apps 101 SharePoint Saturday Lisbon 2019
Power Apps 101 SharePoint Saturday Lisbon 2019Power Apps 101 SharePoint Saturday Lisbon 2019
Power Apps 101 SharePoint Saturday Lisbon 2019
 
AI Builder Deepdive DynamicsPower! Brussels 2019
AI Builder Deepdive DynamicsPower! Brussels 2019AI Builder Deepdive DynamicsPower! Brussels 2019
AI Builder Deepdive DynamicsPower! Brussels 2019
 
PowerApps 101 SharePoint Saturday Belgium 2019
PowerApps 101 SharePoint Saturday Belgium 2019PowerApps 101 SharePoint Saturday Belgium 2019
PowerApps 101 SharePoint Saturday Belgium 2019
 
App in an hour HandsOn session - Power Platform World Tour Copenhagen 2019
App in an hour  HandsOn session - Power Platform World Tour Copenhagen 2019App in an hour  HandsOn session - Power Platform World Tour Copenhagen 2019
App in an hour HandsOn session - Power Platform World Tour Copenhagen 2019
 
Having fun power apps components HandsOn - Power User Days Belgium 2019
Having fun power apps components HandsOn - Power User Days Belgium 2019Having fun power apps components HandsOn - Power User Days Belgium 2019
Having fun power apps components HandsOn - Power User Days Belgium 2019
 
Having fun power apps components HandsOn - Power Platform World Tour Copenhag...
Having fun power apps components HandsOn - Power Platform World Tour Copenhag...Having fun power apps components HandsOn - Power Platform World Tour Copenhag...
Having fun power apps components HandsOn - Power Platform World Tour Copenhag...
 
PowerApps 101 Presentation SharePoint Saturday Netherlands 2019
PowerApps 101 Presentation SharePoint Saturday Netherlands 2019PowerApps 101 Presentation SharePoint Saturday Netherlands 2019
PowerApps 101 Presentation SharePoint Saturday Netherlands 2019
 
Power Saturday 2019 Paris - Spice up your SharePoint list with PowerApps forms
Power Saturday 2019 Paris - Spice up your SharePoint list with PowerApps forms Power Saturday 2019 Paris - Spice up your SharePoint list with PowerApps forms
Power Saturday 2019 Paris - Spice up your SharePoint list with PowerApps forms
 
PowerApps 101 presentation SharePoint Saturday London 2019
PowerApps 101 presentation SharePoint Saturday London 2019PowerApps 101 presentation SharePoint Saturday London 2019
PowerApps 101 presentation SharePoint Saturday London 2019
 
SharePoint Saturday Cologne 2019 - Spice up your SharePoint list with Power...
SharePoint Saturday  Cologne 2019  - Spice up your SharePoint list with Power...SharePoint Saturday  Cologne 2019  - Spice up your SharePoint list with Power...
SharePoint Saturday Cologne 2019 - Spice up your SharePoint list with Power...
 
SPS Oslo 18 Spice Up your modern SharePoint list with Power Apps Forms
SPS Oslo 18 Spice Up your modern SharePoint list with Power Apps FormsSPS Oslo 18 Spice Up your modern SharePoint list with Power Apps Forms
SPS Oslo 18 Spice Up your modern SharePoint list with Power Apps Forms
 
Rebekka Aalbers - 42 Hervormende Beslisser (Accommoderend) - 8_24_2010
Rebekka Aalbers - 42 Hervormende Beslisser (Accommoderend) - 8_24_2010Rebekka Aalbers - 42 Hervormende Beslisser (Accommoderend) - 8_24_2010
Rebekka Aalbers - 42 Hervormende Beslisser (Accommoderend) - 8_24_2010
 

Spice Up je moderne SharePoint Lijst

Notas del editor

  1. Script aflopen voor PowerApps