SlideShare a Scribd company logo
Bob German
Principal Architect
BlueMetal
Bob is a Principal Architect at BlueMetal, where he
leads Office 365 and SharePoint development for
enterprise customers.
Bob German
Cloud & Services
Content & Collaboration
Data & Analytics
Devices & Mobility
Strategy & Design
An Insight company
@Bob1German
Microsoft is modernizing the SharePoint UI!
Over the next few years, Microsoft will change the entire
SharePoint user experience to meet the needs of a modern,
mobile workforce.
It’s like upgrading a car, one part at a time – while you’re
driving it cross country!
Modern Doc Libs
June 2016
Modern Lists
July 2016
Modern Team Sites
August 2016
Web Era Cloud and Device Era
1. Office 365 Group Sites / Modern Team Sites
2. Modern Lists and Libraries
3. Modern Pages
• Generally turned “on” by default
• You can turn them off at the tenant or more granular levels
• You can use modern Pages, Lists, and Libraries in classic team
sites (not publishing or blog sites)
The Modern Experience
demo
The Modern Experience
• Creating a Modern Team Site
• Tour of Modern Team Site
• Modern Lists and Libraries
Good Bad and Ugly
• News feed works well if needs
are simple
• Get an Office 365 Group with
each Team Site
• PnP Team is helping allow
programmatic site, page
creation
• Very limited branding
• No custom headers/footers
• Not listed in Admin UI
• No “FrontPage” access
• Child sites revert to Classic
• “No Script” setting
Modern Team Sites
demo
Modern Pages and Web Parts
• Modern Web Parts
• Using Modern Pages in a Classic Site
Good Bad and Ugly
• A lot of cool new web parts!
• Looks great on a phone or
tablet
• Greatly improved editing
experience
• Missing web parts!
• No List View or flexible Library View
• No Content Search or Query
• No Content or Script Editor
• One column vertical layout  Big
and Clunky web parts
• No User Custom Actions
• Limited configurability (version 1)
• Embeds only with IFrame widgets
• Ugly gray
Modern Pages
Not Available Web Parts Not Available
• Save Site as Template
• Save document library as template
• Solution Gallery
• Theme Gallery
• Help Settings
• HTML Field Security
• Sandboxed Solutions
• SharePoint Designer
• Image Maps / Sprites
• Uploading files that might contain scripts:
asmx, ascx, aspx, htc, jar, master, swf, xap, xsp
• BCS web parts
• Community web parts
• Content Rollup web parts
• Document Set web parts
• HTML Form web part
• Content Editor web part
• Script editor web part
• Search web parts
• Social collaboration web parts
“No Script” Setting
demo
Modern Lists and Libraries
Good Bad and Ugly
• Mobile friendly and responsive
• Pin items and Filters
• Library Tile View
• ECB and no-JavaScript
CommandUIRibbon actions
work
• Many custom actions do not work
• No custom view styles (e.g. calendar, basic
table, document details)
• No RSS, Most Popular Items
• No Form Web Parts, Customize in InfoPath
• No JSLink
• No Declare Record or Send To
• Export to Excel for lists only, Edge and IE only
• No tree view, metadata navigation
• No external data columns, publishing
columns,
• No paste/import from Excel
Modern Lists and Libraries
How do I turn it off?
Modern Team Sites
• Tenant Level Only
Modern Pages
• Tenant Level
• Web Level *
Modern Lists and Libraries
• Tenant Level
• Site Collection or Web *
• List
* Requires PnP PowerShell or custom code
demo
Controlling the Modern Experience
References
Modern Web Parts http://bit.ly/SPMod-WP
Classic vs. Modern
Lists/Libs
http://bit.ly/SPMod-VsClassic
Modern Document
Libraries
http://bit.ly/SPMod-DocLibs
Modern Customization
Options
http://bit.ly/SPMod-Custom
Programmatically creating http://bit.ly/SPMod-Prog
Managing Modern
Experiences
http://bit.ly/SPMod-Manage
@Bob1German
An Insight company
Thank you.

More Related Content

PPTX
Going with the Flow: Rationalizing the workflow options in SharePoint Online
PPTX
Chris O'Brien - Introduction to the SharePoint Framework for developers
PPTX
SharePoint Framework, React and Office UI SPS Paris 2016 - d01
PPTX
[Jansen] Transforming your classic team sites into modern group connected tea...
PPTX
Custom Development in SharePoint – What are my options now?
PPTX
ECS19 - John White - Unlock SharePoint’s Reporting Secrets
PDF
SPUnite17 SPFx Extensions
PPTX
ECS 19 Bert Jansen - Taking your SharePoint to the next level – Transforming ...
Going with the Flow: Rationalizing the workflow options in SharePoint Online
Chris O'Brien - Introduction to the SharePoint Framework for developers
SharePoint Framework, React and Office UI SPS Paris 2016 - d01
[Jansen] Transforming your classic team sites into modern group connected tea...
Custom Development in SharePoint – What are my options now?
ECS19 - John White - Unlock SharePoint’s Reporting Secrets
SPUnite17 SPFx Extensions
ECS 19 Bert Jansen - Taking your SharePoint to the next level – Transforming ...

What's hot (20)

PPTX
Custom Development for SharePoint
PPTX
DIWUG.nl: How We Did It
PPTX
Optimizing SharePoint 2010 websites for search engines
PDF
SPUnite17 Introduction to the Office Dev PnP Core Libraries
PPTX
Cloud-Based App Development using SharePoint 2013, Office 365 and Azure
PDF
SPUnite17 Migrating your Customizations from On-prem to SharePoint Online
PDF
User Interface Tips and Tricks for the Power User - Penelope Coventry
PPTX
Building solutions with Office Graph
PPTX
Branding SharePoint 2013
PPTX
SharePoint Framework, React, and Office UI sps Silicon Valley
PPTX
Building SharePoint add-ins with JavaScript and c# sps Silicon Valley
PPTX
My First SharePoint Online PowerApp
PDF
SPSSTHLM - Using JSLink and Display Templates for ITPros
PPTX
An Introduction to the Office 365 Patterns and Practices Project
PPTX
Branding Modern SharePoint
PPTX
SharePoint Framework SPS Madrid 2016
PDF
ecs19 - Bill Ayers - RE-USE YOUR SHAREPOINT FRAMEWORK SKILLZ TO BUILD OFFICE ...
PPTX
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap
PPTX
Bringing Zest to SharePoint Sites Using Out-of-the-Box Technology
PDF
From Design to a modern Style Guide
Custom Development for SharePoint
DIWUG.nl: How We Did It
Optimizing SharePoint 2010 websites for search engines
SPUnite17 Introduction to the Office Dev PnP Core Libraries
Cloud-Based App Development using SharePoint 2013, Office 365 and Azure
SPUnite17 Migrating your Customizations from On-prem to SharePoint Online
User Interface Tips and Tricks for the Power User - Penelope Coventry
Building solutions with Office Graph
Branding SharePoint 2013
SharePoint Framework, React, and Office UI sps Silicon Valley
Building SharePoint add-ins with JavaScript and c# sps Silicon Valley
My First SharePoint Online PowerApp
SPSSTHLM - Using JSLink and Display Templates for ITPros
An Introduction to the Office 365 Patterns and Practices Project
Branding Modern SharePoint
SharePoint Framework SPS Madrid 2016
ecs19 - Bill Ayers - RE-USE YOUR SHAREPOINT FRAMEWORK SKILLZ TO BUILD OFFICE ...
ECS19 - Vesa Juvonen - Getting Started With SharePoint Framework - Roadmap
Bringing Zest to SharePoint Sites Using Out-of-the-Box Technology
From Design to a modern Style Guide
Ad

Similar to Modern SharePoint, the Good, the Bad, and the Ugly (20)

PPTX
Getting started with share point online modernization - SharePoint Saturday T...
PPTX
SPS Cincinnati Modern SharePoint Experience
PDF
ECS19 - Katja Jokisalo - Modernize your Intranet
PPTX
Everything you need to know to create a modern Intranet/Digital Employee Expe...
PPTX
Modern experiences in SharePoint Online [TugaIT]
PPTX
Sp sat philly2019
PPTX
Going from Classic to Modern. 10 Things you must know before you commit
PPTX
Spsat nyc19 190621150118
PPTX
State Of The Industry: What's Changed In The Past Few Years With Digital Work...
PPTX
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...
PPTX
Your Intranet, Your Way
PPTX
SPS Nashville Modern Sharepoint Experience
PPTX
SPS Nashville Modern Sharepoint Experience
PDF
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
PPTX
Modern SharePoint Content Management Training
PPTX
DogFoodCon - Understanding and customizing the modern SharePoint experience
PPTX
Can I "Sway" You to Come to this Session
PDF
M365 Virtual Marathon - Using The Power Of Search For Content Visualisation
PPTX
Microsoft Ignite 2018 - SharePoint Related News & Announcements (with roadmap...
PPTX
Modernize Solutions with SharePoint & the Power Platform
Getting started with share point online modernization - SharePoint Saturday T...
SPS Cincinnati Modern SharePoint Experience
ECS19 - Katja Jokisalo - Modernize your Intranet
Everything you need to know to create a modern Intranet/Digital Employee Expe...
Modern experiences in SharePoint Online [TugaIT]
Sp sat philly2019
Going from Classic to Modern. 10 Things you must know before you commit
Spsat nyc19 190621150118
State Of The Industry: What's Changed In The Past Few Years With Digital Work...
Rencontre Groupe d'usagers SharePoint Montreal - The Next Great Migration - C...
Your Intranet, Your Way
SPS Nashville Modern Sharepoint Experience
SPS Nashville Modern Sharepoint Experience
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
Modern SharePoint Content Management Training
DogFoodCon - Understanding and customizing the modern SharePoint experience
Can I "Sway" You to Come to this Session
M365 Virtual Marathon - Using The Power Of Search For Content Visualisation
Microsoft Ignite 2018 - SharePoint Related News & Announcements (with roadmap...
Modernize Solutions with SharePoint & the Power Platform
Ad

More from Bob German (20)

PPTX
Introduction to the Microsoft Bot Framework v4
PPTX
Adaptive cards 101
PPTX
Introduction to Teams Development - North American Collaboration Summit
PPTX
Future-proof Development for Classic SharePoint
PPTX
Azure for SharePoint Developers - Workshop - Part 4: Bots
PPTX
Azure for SharePoint Developers - Workshop - Part 3: Web Services
PPTX
Azure for SharePoint Developers - Workshop - Part 2: Azure Functions
PPTX
Azure for SharePoint Developers - Workshop - Part 1: Azure AD
PPTX
Azure for SharePoint Developers - Workshop - Part 5: Logic Apps
PPTX
Azure AD for browser-based application developers
PPTX
Mastering Azure Functions
PPTX
Developing JavaScript Widgets
PPTX
Introduction to TypeScript
PPTX
Developing JavaScript Widgets
PPTX
TypeScript and SharePoint Framework
PPTX
German introduction to sp framework
PPTX
SPSNYC - Next Generation Portals
PPTX
Typescript 102 angular and type script
PPTX
Typescript 101 introduction
PPTX
Search First Migration - Using SharePoint 2013 Search for SharePoint 2010
Introduction to the Microsoft Bot Framework v4
Adaptive cards 101
Introduction to Teams Development - North American Collaboration Summit
Future-proof Development for Classic SharePoint
Azure for SharePoint Developers - Workshop - Part 4: Bots
Azure for SharePoint Developers - Workshop - Part 3: Web Services
Azure for SharePoint Developers - Workshop - Part 2: Azure Functions
Azure for SharePoint Developers - Workshop - Part 1: Azure AD
Azure for SharePoint Developers - Workshop - Part 5: Logic Apps
Azure AD for browser-based application developers
Mastering Azure Functions
Developing JavaScript Widgets
Introduction to TypeScript
Developing JavaScript Widgets
TypeScript and SharePoint Framework
German introduction to sp framework
SPSNYC - Next Generation Portals
Typescript 102 angular and type script
Typescript 101 introduction
Search First Migration - Using SharePoint 2013 Search for SharePoint 2010

Recently uploaded (20)

PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Modernizing your data center with Dell and AMD
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
cuic standard and advanced reporting.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
Electronic commerce courselecture one. Pdf
PPTX
A Presentation on Artificial Intelligence
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Unlocking AI with Model Context Protocol (MCP)
20250228 LYD VKU AI Blended-Learning.pptx
Modernizing your data center with Dell and AMD
Building Integrated photovoltaic BIPV_UPV.pdf
Digital-Transformation-Roadmap-for-Companies.pptx
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Reach Out and Touch Someone: Haptics and Empathic Computing
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
NewMind AI Weekly Chronicles - August'25 Week I
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Advanced methodologies resolving dimensionality complications for autism neur...
cuic standard and advanced reporting.pdf
The AUB Centre for AI in Media Proposal.docx
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Agricultural_Statistics_at_a_Glance_2022_0.pdf
Electronic commerce courselecture one. Pdf
A Presentation on Artificial Intelligence
Dropbox Q2 2025 Financial Results & Investor Presentation
Per capita expenditure prediction using model stacking based on satellite ima...
Unlocking AI with Model Context Protocol (MCP)

Modern SharePoint, the Good, the Bad, and the Ugly

  • 2. Bob is a Principal Architect at BlueMetal, where he leads Office 365 and SharePoint development for enterprise customers. Bob German Cloud & Services Content & Collaboration Data & Analytics Devices & Mobility Strategy & Design An Insight company @Bob1German
  • 3. Microsoft is modernizing the SharePoint UI! Over the next few years, Microsoft will change the entire SharePoint user experience to meet the needs of a modern, mobile workforce. It’s like upgrading a car, one part at a time – while you’re driving it cross country! Modern Doc Libs June 2016 Modern Lists July 2016 Modern Team Sites August 2016 Web Era Cloud and Device Era
  • 4. 1. Office 365 Group Sites / Modern Team Sites 2. Modern Lists and Libraries 3. Modern Pages • Generally turned “on” by default • You can turn them off at the tenant or more granular levels • You can use modern Pages, Lists, and Libraries in classic team sites (not publishing or blog sites) The Modern Experience
  • 5. demo The Modern Experience • Creating a Modern Team Site • Tour of Modern Team Site • Modern Lists and Libraries
  • 6. Good Bad and Ugly • News feed works well if needs are simple • Get an Office 365 Group with each Team Site • PnP Team is helping allow programmatic site, page creation • Very limited branding • No custom headers/footers • Not listed in Admin UI • No “FrontPage” access • Child sites revert to Classic • “No Script” setting Modern Team Sites
  • 7. demo Modern Pages and Web Parts • Modern Web Parts • Using Modern Pages in a Classic Site
  • 8. Good Bad and Ugly • A lot of cool new web parts! • Looks great on a phone or tablet • Greatly improved editing experience • Missing web parts! • No List View or flexible Library View • No Content Search or Query • No Content or Script Editor • One column vertical layout  Big and Clunky web parts • No User Custom Actions • Limited configurability (version 1) • Embeds only with IFrame widgets • Ugly gray Modern Pages
  • 9. Not Available Web Parts Not Available • Save Site as Template • Save document library as template • Solution Gallery • Theme Gallery • Help Settings • HTML Field Security • Sandboxed Solutions • SharePoint Designer • Image Maps / Sprites • Uploading files that might contain scripts: asmx, ascx, aspx, htc, jar, master, swf, xap, xsp • BCS web parts • Community web parts • Content Rollup web parts • Document Set web parts • HTML Form web part • Content Editor web part • Script editor web part • Search web parts • Social collaboration web parts “No Script” Setting
  • 11. Good Bad and Ugly • Mobile friendly and responsive • Pin items and Filters • Library Tile View • ECB and no-JavaScript CommandUIRibbon actions work • Many custom actions do not work • No custom view styles (e.g. calendar, basic table, document details) • No RSS, Most Popular Items • No Form Web Parts, Customize in InfoPath • No JSLink • No Declare Record or Send To • Export to Excel for lists only, Edge and IE only • No tree view, metadata navigation • No external data columns, publishing columns, • No paste/import from Excel Modern Lists and Libraries
  • 12. How do I turn it off? Modern Team Sites • Tenant Level Only Modern Pages • Tenant Level • Web Level * Modern Lists and Libraries • Tenant Level • Site Collection or Web * • List * Requires PnP PowerShell or custom code
  • 14. References Modern Web Parts http://bit.ly/SPMod-WP Classic vs. Modern Lists/Libs http://bit.ly/SPMod-VsClassic Modern Document Libraries http://bit.ly/SPMod-DocLibs Modern Customization Options http://bit.ly/SPMod-Custom Programmatically creating http://bit.ly/SPMod-Prog Managing Modern Experiences http://bit.ly/SPMod-Manage @Bob1German

Editor's Notes

  • #6: Create a team site from the SP Home Page or in Outlook View the home page Post a news article; show editing experience View Site Contents and Document Library
  • #8: Go to https://bgtest17.sharepoint.com/ Walk through the web parts on the home page View on mobile sized screen Go to https://bgtest17.sharepoint.com/sites/classic Create a modern page and make it the home page (RESET AFTER DEMO)
  • #9: Services that do complex rendering/streaming tend to use IFrames Services that are simpler (e.g. twitter, weather, news) tend to use embedded script, which will not work. Here are some supported embed sources per WonderLaura: Esri ArcGIS Online, GeoGebra, Giphy, Google Calendar, Google Docs, Google Forms, Google Maps, Infogram, Microsoft Channel 9, Microsoft Docs.com, Microsoft Office Mix, Microsoft OneDrive (Word, Excel, PowerPoint, and PDF documents), Microsoft Power BI, Microsoft Pulse, Microsoft Sway, Mixcloud, Poll Everywhere, Sketchfab, SoundCloud, Vimeo, Vine, YouTube
  • #11: View lists and libs in https://bgtest17.sharepoint.com/ Demo block view and
  • #14: Show settings in tenant admin Show settings in a list Explain “View in Classic Mode” link in lists