Modern UI Extensions with the SharePoint Framework Command Sets, Application and Field Customizers

Host Microsoft MVP Co-Host, Microsoft Cloud Show Founder, Voitanos Office Development Office Servers & Services Co-Host, Microsoft Cloud Show @mscloudshow http://www.MicrosoftCloudShow.com Founder, Voitanos @voitanos https://www.voitanos.io

Resources Download slides & demo code from this session: http://vtns.io/201711-collab365-spfxext FREE 10-day Email Course: Understanding SPFx Dev Toolchain On-Demand Mastering the SharePoint Framework Course FREE Starter bundle available now! Fundamentals & Ultimate bundles available now @andrewconnell | http://www.andrewconnell.com @voitanos | https://www.voitanos.io @mscloudshow | http://www.microsoftcloudshow.com

SPFx Extensions Brings common pre-SPFx customizations to SPFx Script link / delegate controls Custom actions JSLink What you need today: Yeoman SPFx generator >= v1.3.1 Schedule May 2017 - Announced at Build 2017 June 6, 2017 - Released as dev preview September 25, 2017 –GA SharePoint Online On-premises ETA unknown (not Feature Pack 2)

Application Customizer Similar to ScriptLink / delegate controls Add script to a page Add HTML to well known Placeholder on the page Top Bottom Let your voice be heard – more placeholders! https://github.com/SharePoint/sp-dev-docs/issues/625 Click-through & vote up the associated User Voice feature request

Field Customizer Similar to JSLink Change rendering of a cell within a list Only works in modern lists & libraries For classic lists & libraries, use JSLink

Command Set Similar to custom actions Add buttons to lists & libraries Toolbar Item context menu Specify conditions if command available when no / one / multiple items selected

Deployment Create XML file Package Deploy Install Test

Testing / Debugging Only possible in live SharePoint Online Not available: SharePoint Online hosted SPFx workbench Local SPFx workbench Let your voice be heard! http://aconn.me/2fGAiz1 Click-through & vote up the associated User Voice feature request

Resources Download slides & demo code from this session: http://vtns.io/201711-collab365-spfxext FREE 10-day Email Course: Understanding SPFx Dev Toolchain On-Demand Mastering the SharePoint Framework Course FREE Starter bundle available now! Fundamentals & Ultimate bundles available now @andrewconnell | http://www.andrewconnell.com @voitanos | https://www.voitanos.io @mscloudshow | http://www.microsoftcloudshow.com

For Coming and Understanding THANK YOU For Coming and Understanding