Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Spice Up je moderne SharePoint Lijst

520 views

Published on

Presentatie die ik heb gegeven op SharePoin Saturday The Netherlands in Vianen op 30 juni 2018.
Gebruikte scripts zijn hier te vinden: http://bit.ly/2yZhPtR

  • Be the first to comment

  • Be the first to like this

Spice Up je moderne SharePoint Lijst

  1. 1. #SPSNL18 Spice up je Modern SharePoint Lijst Column formatting & Custom forms met PowerApps
  2. 2. Thank you sponsors!
  3. 3. 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
  4. 4. 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
  5. 5. Dit wordt het jaar van de SharePoint Lijst!
  6. 6. IGNITE 2017 SharePoint announcements COLUMN FORMATTING SHAREPOINT LIST FORMS MET POWERAPPS
  7. 7. Column formatting
  8. 8. 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
  9. 9. JSON{} objectColumn Formatting toepassen
  10. 10. Veldwaardes weergeven Tekst, cijfer, keuzelijst, datum Persoon Lookup
  11. 11. 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
  12. 12. Office UI Fabric
  13. 13. Ondersteunde kolommen •Één regel tekst •Cijfer •Keuze •Persoon •Ja/nee •Hyperlink •Afbeelding •Datum •Opzoeken •Titel (in Lijsten)
  14. 14. Niet ondersteund •Valuta •Beheerde metagegevens •Bestandsnaam (in Bibliotheken) •Berekend •Retentielabels
  15. 15. Voorbeelden docs.microsoft.com
  16. 16. Visual Studio Code
  17. 17. Column Formatter Webpart
  18. 18. De lijst Projectoverzicht voor interne projecten Bijhouden van status, budget en deadline
  19. 19. Voorwaardelijke opmaak Op basis cijferreeksen Op basis van een tekst of keuzewaarde
  20. 20. Op basis cijferreeksen >= € 50.000
  21. 21. Op basis van een tekst of keuzewaarde
  22. 22. Opmaak op basis datumreeksen Op basis van vergelijking met Vandaag Op basis van vergelijking van willekeurige datums
  23. 23. Op basis van vergelijking met Vandaag Op basis van vergelijking willekeurige datum Datum <= Vandaag Datum <= over 7 dagen Datum <= over 1 dag
  24. 24. Waarde visualisaties Cijfers als data bar weergeven
  25. 25. Cijfers als data bar weergeven
  26. 26. Klikbare acties Clickable acties Knoppen
  27. 27. Hyperlinks
  28. 28. Mail links
  29. 29. LET OP Beperkt tot statische links http:// https:// mailto:
  30. 30. Flow startknop
  31. 31. 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
  32. 32. 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.
  33. 33. Operators + - / * < > == != <= >= || && toString() Number() Date() cos sin ? toLocaleString() toLocaleDateString() toLocaleTimeString()
  34. 34. SharePoint List forms met PowerApps
  35. 35. Classic list Form opties • Standaard forms • InfoPath forms • SharePoint designer forms • Third party opties • Maatwerk
  36. 36. Modern list Form opties • Standaard forms • InfoPath forms • SharePoint designer forms • Custom forms met PowerApps • Third party opties • Maatwerk
  37. 37. PowerApps custom list form
  38. 38. PowerApps bouwt jouw Form.
  39. 39. Je list form is een PowerApp canvas app die draait in de context van de SharePoint-lijst
  40. 40. 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…
  41. 41. BE CREATIVE!
  42. 42. 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
  43. 43. VRAGEN?? THAT’S A WRAP
  44. 44. Thank you sponsors!

×