Slides de la charla de SharePoint Saturday Barcelona 2017 acera de SharePoint Framework Extensions. Con Extensions puedes desarrollar personalizaciones en las páginas y listas modernas de SharePoint Online utilizando Application Customizer, ListView CommandSet y Field Customizer. El código de las demos están en: https://github.com/olgamarti/spfx-extensions-samples/

1. SPFx Extensions
Personaliza tus modern sites
Olga Martí
Twitter: @olgaamarti

2. Thanks to our Sponsors
Silver
Gold
Raffle Organized by

3. geeks.ms/rockyouroffice365

7. Introducing SPFx Extensions
Personalize your modern sites, list and libraries.
Extend the UI or add
Javascript
Add new buttons to
toolbar or context menu
Modify the render
of a field

8. npm install -g @microsoft/generator-
sharepoint@latest
HOW TO START

9. gulp serve --nobrowser
loadSPFX debugManifestsFile customActions
ClientSideExtension.ApplicationCustomizer properties
TEST YOUR CODE

10. gulp bundle –ship
gulp package-solution --ship
DEPLOY YOUR EXTENSIONS

11. APPLICATION CUSTOMIZER

12. LISTVIEW COMMAND SET

13. FIELD CUSTOMIZER

14. ONE MORE THING…

15. COLUMN FORMATTING

16. COLUMN FORMATTING
https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/column-formatting

17. COLUMN FORMATTING VS FIELD CUSTOMIZER
Column Formatting Field Customizer (SPFx)
Audience Power users Developers
Tools needed Text editor SPFx toolchain
How cusomizations are
expressed
JSON TypeScript
Typical Workflow Start form documented example Start from scratch
Permissions Required Manage Lists
Tenant admin: Upload extensión
List Owner: Register the cusomization
with a list
What can be accomplished
Limited to a handful of scenario
patterns
Anything that can be accomplished
using Javascript

18. https://dev.office.com/sharepoint
https://github.com/SharePoint/sp-dev-fx-extensions
https://github.com/SharePoint/sp-dev-build-extensions/tree/master/gulp-
tasks/serve-info
https://github.com/olgamarti/spfx-extensions-samples
RESOURCES

19. THANKS!
Twitter: @olgaamarti