SlideShare a Scribd company logo
Things you can do
• SharePoint Team Lead @ SoHo Dragon [NYC]
• 15+ years in web dev, 10+ in SharePoint
• Office Server and Services MVP 2017
• Active in the Office 365, Azure & SharePoint community
• New Jersey Office 365 User Group @ Microsoft - Iselin, NJ
[Every 4th Tues]
• SharePoint Saturday New York @ Microsoft – Times Square
[July 2017]
• Office 365 Global Dev Bootcamp @ Microsoft [NJ & NYC]
• NJ Azure Bootcamp @ Microsoft – Iselin, NJ [April 22, 2017]
• SharePoint Saturday NJ - [2013-2014]
• My SharePoint Blog
• Git Hub [corp directory / o365 sticky footer / bootstrap nav]
Things you can do
PAGE
Things you can do
PAGE
Your company has a specific set of colors and fonts that it used
to identify themselves as defined in a Corporate Branding
guideline or policy that you must adhere to.
Creating visually distinct areas of your intranet portal. Using
different headers, footers, fonts or colors to create appearance
of separation.
Taking ownership of the experience by abstracting SharePoint
/ Office 365 and creating what you believe is better.
Sometimes known as making it look less like SharePoint.
Adjustments to the look and feel to meet the needs of the
users. Ex: world clocks, stock tickers, locations, headers,
footers, optimized mobile experience.
PAGE
Customization Maintenance Capability
• Your branding capabilities are directly related to cost &
maintainability
• The more customizations you require the higher costs to
implement and maintenance
Things you can do
PAGE
Things you can do
Things you can do
PAGE
PAGE
PAGE
PAGE
Things you can do
Things you can do
Things you can do
Things you can do
Things you can do
Things you can do
Things you can do
Things you can do
Things you can do
Things you can do
Things you can do
Things you can do
PAGE
• Define custom themes and make them available
to site owners. Themes are defined in a JSON
schema that stores color settings and related
metadata for each theme.
• An online Theme Generator tool that you can use
to define new custom themes.
• A simplified set of default themes, with six light
themes and two dark themes presently available.
• An updated color palette, with 12 light colors and
6 dark colors, as well as 16 supplementary
themes.
• Control over which themes are. For example, you
can define custom themes based on your
organization's branding or identity, and make
those the only available themes within your sites.
New site theming options for
SharePoint sites in Office 365
PAGE
You can still use the classic themes
Because the modern SharePoint UI differs from
the classic UI, however, some limitations apply
when you use classic themes with modern
pages.
For the simplest experience, we recommend
that you use modern themes with modern
pages.
Learn More
• SharePoint site theming
• SharePoint site theming: PowerShell cmdlets
• SharePoint site theming: CSOM
• SharePoint site theming: REST API
See and learn more from two related
Ignite sessions.
1) “Using custom themes and
designs to standardize the
creation of clean, functional
SharePoint”
2) “What’s new and what's coming
for branding and organizing your
SharePoint sites”
PAGE
• As of right now … it’s just square
Things you can do
PAGE
PAGE
PAGE
PAGE
Things you can do
Things you can do
Things you can do
PAGE
Full page background image, designed for scaling
[New Portal] stays centered and clip the left/right edges
[Old Portal] stays left and clips the right edge
Displayed on the Azure AD sign-in page, when users
sign in to cloud applications that use this directory. It’s
also used in the Access Panel service.
This text appears at the bottom of the Azure AD sign in
page, on the web, in apps and in the Azure AD Join
experience on Windows 10. Use this space to convey
instructions, terms of use and help tips to your users
PAGE
On high latency connections, the sign-in page illustration
may not load, in which case the login page will fill in the
space with a solid color.
(previously referred to as “Tile Logo”) is used to
represent user accounts in your organization, on Azure
AD web UI and in Windows 10.
Allows the user to select if they would like to remain
signed in to prevent being asked their password
multiple times.
PAGE
PAGE
PAGE
PAGE
Things you can do
Things you can do
Things you can do
Things you can do
Things you can do
PAGE
SP Editor – Chrome Plugin
A Google Chrome Extension for
creating and updating files (js, css) in
SharePoint Online from Chrome
Developer Tools
Creating and editing js / css files in
SharePoint Online from any device
which has Chrome desktop browser.
Also possibile to add local and
external js/css resources references
with user custom actions.
Things you can do
PAGE
Provides access to well-known
locations on SharePoint pages that you
can modify based on your business and
functional requirements.
Build your first SharePoint Framework
Extension
Things you can do
Things you can do
@_tomdaly_
tom.m.daly@gmail.com
SlideShare
LinkedIn Profile
GitHub - tom-daly
My O365 / SharePoint Blog

More Related Content

PPTX
sptc_presentation
D'arce Hess
 
PPTX
Your Intranet, Your Way
D'arce Hess
 
PPTX
Intro to design_manager
D'arce Hess
 
PDF
SPSSTHLM - Using JSLink and Display Templates for ITPros
Paul Hunt
 
PPTX
The Mobile Revolution
D'arce Hess
 
PPTX
SharePoint master pages in 2013 and managed metadata magic
Francois Pienaar
 
PPTX
SharePoint 2013 Branding
Kashif Imran
 
PPTX
Branding SharePoint 2013
NIFTIT
 
sptc_presentation
D'arce Hess
 
Your Intranet, Your Way
D'arce Hess
 
Intro to design_manager
D'arce Hess
 
SPSSTHLM - Using JSLink and Display Templates for ITPros
Paul Hunt
 
The Mobile Revolution
D'arce Hess
 
SharePoint master pages in 2013 and managed metadata magic
Francois Pienaar
 
SharePoint 2013 Branding
Kashif Imran
 
Branding SharePoint 2013
NIFTIT
 

What's hot (20)

PPTX
Introduction to Branding SharePoint
K.Mohamed Faizal
 
PPTX
SharePoint 2013 Client-Side Rendering (CSR) & JSLink Templates
Muawiyah Shannak
 
PPTX
Using js link and display templates
Paul Hunt
 
PPTX
Introduction to JSLink in 2013
Sparkhound Inc.
 
PPTX
Sharepoint training in usa
ssmasters
 
PDF
Web-Developer-Graphic-Designer
Digital Systems
 
PPTX
SPSVB 1 7-2012 - getting started with share point branding
Thomas Daly
 
PPTX
Sharepoint training in canada
sharepointmasters
 
PPTX
Branding 101
D'arce Hess
 
PPTX
Things you can do to brand Office 365 now
Thomas Daly
 
PPTX
Developing branding solutions
Thomas Daly
 
PPTX
Branding 101 extended
D'arce Hess
 
PPTX
Branding office 365 with front end tooling
Thomas Daly
 
PPTX
Sitecore Experience Accelerator (SxA)
Ruud van Falier
 
PPTX
SXA in action
pratik satikunvar
 
PPTX
Getting Started with SharePoint Branding
Thomas Daly
 
PPTX
Sharepoint training in abu dhabi
sharepointmasters
 
PPTX
SharePoint Development
Malin De Silva
 
PPTX
Branding and designing capabilities with the Design Manager
Malin De Silva
 
PDF
The Evolution of Branding in Office 365 - SPSATL 2015 - CDew
Cathy Dew
 
Introduction to Branding SharePoint
K.Mohamed Faizal
 
SharePoint 2013 Client-Side Rendering (CSR) & JSLink Templates
Muawiyah Shannak
 
Using js link and display templates
Paul Hunt
 
Introduction to JSLink in 2013
Sparkhound Inc.
 
Sharepoint training in usa
ssmasters
 
Web-Developer-Graphic-Designer
Digital Systems
 
SPSVB 1 7-2012 - getting started with share point branding
Thomas Daly
 
Sharepoint training in canada
sharepointmasters
 
Branding 101
D'arce Hess
 
Things you can do to brand Office 365 now
Thomas Daly
 
Developing branding solutions
Thomas Daly
 
Branding 101 extended
D'arce Hess
 
Branding office 365 with front end tooling
Thomas Daly
 
Sitecore Experience Accelerator (SxA)
Ruud van Falier
 
SXA in action
pratik satikunvar
 
Getting Started with SharePoint Branding
Thomas Daly
 
Sharepoint training in abu dhabi
sharepointmasters
 
SharePoint Development
Malin De Silva
 
Branding and designing capabilities with the Design Manager
Malin De Silva
 
The Evolution of Branding in Office 365 - SPSATL 2015 - CDew
Cathy Dew
 
Ad

Similar to Things you can do (20)

PPTX
Your Intranet, Your Way
D'arce Hess
 
PDF
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
NCCOMMS
 
PDF
NACS - Customizing the UI in modern SharePoint workspaces
Corinna Lins
 
PDF
Customize your UI in modern SharePoint workspaces
Corinna Lins
 
PPTX
Broaden your dev skillset with SharePoint branding options
Eric Overfield
 
PPTX
Blooming SharePoint Design
Kathy Hughes
 
PPTX
SharePoint Saturday Philly - Intro to SharePoint 2010 Branding
Thomas Daly
 
PPTX
Branding Modern SharePoint
Eric Overfield
 
PPTX
Developing branding solutions for 2013
Thomas Daly
 
PDF
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
Cathy Dew
 
PPTX
Developing Branding Solutions for 2013
Thomas Daly
 
PPTX
Developing Branding Solutions for 2013
Thomas Daly
 
PPTX
SharePoint Branding From Start to Finish
Kanwal Khipple
 
PPTX
Branding sharepoint project
Binh Nguyen
 
PPTX
Branding & Design Opportunities/Challenges with SharePoint 2013
Marius Constantinescu [MVP]
 
PPTX
SharePoint 2010 For Developers
Sparked
 
PPTX
Your SharePoint 2013 Branding Initiation
Eric Overfield
 
PPTX
Microsoft Ignite 2018 - SharePoint Related News & Announcements (with roadmap...
Cameron Dwyer
 
PPTX
Designing SharePoint 2010 for Business
Kanwal Khipple
 
PPT
Microsoft Share Point Branding & Customization
yeschandana
 
Your Intranet, Your Way
D'arce Hess
 
O365Con19 - Customise the UI in Modern SharePoint Workspaces - Corinna Lins
NCCOMMS
 
NACS - Customizing the UI in modern SharePoint workspaces
Corinna Lins
 
Customize your UI in modern SharePoint workspaces
Corinna Lins
 
Broaden your dev skillset with SharePoint branding options
Eric Overfield
 
Blooming SharePoint Design
Kathy Hughes
 
SharePoint Saturday Philly - Intro to SharePoint 2010 Branding
Thomas Daly
 
Branding Modern SharePoint
Eric Overfield
 
Developing branding solutions for 2013
Thomas Daly
 
Make SharePoint Look Not Like SharePoint - SPSNashville - Cathy Dew
Cathy Dew
 
Developing Branding Solutions for 2013
Thomas Daly
 
Developing Branding Solutions for 2013
Thomas Daly
 
SharePoint Branding From Start to Finish
Kanwal Khipple
 
Branding sharepoint project
Binh Nguyen
 
Branding & Design Opportunities/Challenges with SharePoint 2013
Marius Constantinescu [MVP]
 
SharePoint 2010 For Developers
Sparked
 
Your SharePoint 2013 Branding Initiation
Eric Overfield
 
Microsoft Ignite 2018 - SharePoint Related News & Announcements (with roadmap...
Cameron Dwyer
 
Designing SharePoint 2010 for Business
Kanwal Khipple
 
Microsoft Share Point Branding & Customization
yeschandana
 
Ad

More from Thomas Daly (20)

PPTX
Building a Microsoft Teams Provisioning Process using Power Apps & Power Auto...
Thomas Daly
 
PPTX
M365 global developer bootcamp 2019 Intro to SPFx Version
Thomas Daly
 
PPTX
M365 global developer bootcamp 2019 PA
Thomas Daly
 
PPTX
M365 global developer bootcamp 2019
Thomas Daly
 
PPTX
Cross Site Collection Navigation with SPFX, PowerShell PnP, PnP-JS, Office UI
Thomas Daly
 
PPTX
New Jersey Azure Bootcamp 2019
Thomas Daly
 
PPTX
Cross Site Collection Navigation
Thomas Daly
 
PPTX
Learn from my Mistakes - Building Better Solutions in SPFx
Thomas Daly
 
PPTX
Cross Site Collection Navigation using SPFx, Powershell PnP & PnP-JS
Thomas Daly
 
PPTX
O365 Developer Bootcamp NJ 2018 - Material
Thomas Daly
 
PPTX
Global o365 developer bootcamp nj - slides
Thomas Daly
 
PPTX
Branding Office 365 w/ Front End Tools + SharePoint PnP
Thomas Daly
 
PPTX
Global Office 365 Developer Bootcamp - Closing Remarks
Thomas Daly
 
PPTX
Introduction to SharePoint Patterns and Practices (PnP)
Thomas Daly
 
PPTX
Intro to the Office UI Fabric
Thomas Daly
 
PPTX
Gab2017 science-lab
Thomas Daly
 
PPTX
NJ Office 365 User Group March 2017 - Intro
Thomas Daly
 
PPTX
Sandboxed Solutions Discussion
Thomas Daly
 
PPTX
What Makes SharePoint UX Good?
Thomas Daly
 
PPTX
The A to Z of Building a Responsive SharePoint Site with Bootstrap
Thomas Daly
 
Building a Microsoft Teams Provisioning Process using Power Apps & Power Auto...
Thomas Daly
 
M365 global developer bootcamp 2019 Intro to SPFx Version
Thomas Daly
 
M365 global developer bootcamp 2019 PA
Thomas Daly
 
M365 global developer bootcamp 2019
Thomas Daly
 
Cross Site Collection Navigation with SPFX, PowerShell PnP, PnP-JS, Office UI
Thomas Daly
 
New Jersey Azure Bootcamp 2019
Thomas Daly
 
Cross Site Collection Navigation
Thomas Daly
 
Learn from my Mistakes - Building Better Solutions in SPFx
Thomas Daly
 
Cross Site Collection Navigation using SPFx, Powershell PnP & PnP-JS
Thomas Daly
 
O365 Developer Bootcamp NJ 2018 - Material
Thomas Daly
 
Global o365 developer bootcamp nj - slides
Thomas Daly
 
Branding Office 365 w/ Front End Tools + SharePoint PnP
Thomas Daly
 
Global Office 365 Developer Bootcamp - Closing Remarks
Thomas Daly
 
Introduction to SharePoint Patterns and Practices (PnP)
Thomas Daly
 
Intro to the Office UI Fabric
Thomas Daly
 
Gab2017 science-lab
Thomas Daly
 
NJ Office 365 User Group March 2017 - Intro
Thomas Daly
 
Sandboxed Solutions Discussion
Thomas Daly
 
What Makes SharePoint UX Good?
Thomas Daly
 
The A to Z of Building a Responsive SharePoint Site with Bootstrap
Thomas Daly
 

Recently uploaded (20)

PPTX
FSSAI (Food Safety and Standards Authority of India) & FDA (Food and Drug Adm...
Dr. Paindla Jyothirmai
 
PPTX
Dakar Framework Education For All- 2000(Act)
santoshmohalik1
 
PDF
The Picture of Dorian Gray summary and depiction
opaliyahemel
 
PDF
Types of Literary Text: Poetry and Prose
kaelandreabibit
 
PPTX
PREVENTIVE PEDIATRIC. pptx
AneetaSharma15
 
PPTX
Autodock-for-Beginners by Rahul D Jawarkar.pptx
Rahul Jawarkar
 
PDF
Health-The-Ultimate-Treasure (1).pdf/8th class science curiosity /samyans edu...
Sandeep Swamy
 
DOCX
Action Plan_ARAL PROGRAM_ STAND ALONE SHS.docx
Levenmartlacuna1
 
PPTX
Five Point Someone – Chetan Bhagat | Book Summary & Analysis by Bhupesh Kushwaha
Bhupesh Kushwaha
 
PDF
BÀI TẬP TEST BỔ TRỢ THEO TỪNG CHỦ ĐỀ CỦA TỪNG UNIT KÈM BÀI TẬP NGHE - TIẾNG A...
Nguyen Thanh Tu Collection
 
PDF
UTS Health Student Promotional Representative_Position Description.pdf
Faculty of Health, University of Technology Sydney
 
PPTX
Trends in pediatric nursing .pptx
AneetaSharma15
 
PDF
Presentation of the MIPLM subject matter expert Erdem Kaya
MIPLM
 
PPTX
CARE OF UNCONSCIOUS PATIENTS .pptx
AneetaSharma15
 
PPTX
An introduction to Dialogue writing.pptx
drsiddhantnagine
 
PPTX
Care of patients with elImination deviation.pptx
AneetaSharma15
 
PPTX
PPTs-The Rise of Empiresghhhhhhhh (1).pptx
academysrusti114
 
PPTX
CDH. pptx
AneetaSharma15
 
PPTX
Kanban Cards _ Mass Action in Odoo 18.2 - Odoo Slides
Celine George
 
PDF
The Minister of Tourism, Culture and Creative Arts, Abla Dzifa Gomashie has e...
nservice241
 
FSSAI (Food Safety and Standards Authority of India) & FDA (Food and Drug Adm...
Dr. Paindla Jyothirmai
 
Dakar Framework Education For All- 2000(Act)
santoshmohalik1
 
The Picture of Dorian Gray summary and depiction
opaliyahemel
 
Types of Literary Text: Poetry and Prose
kaelandreabibit
 
PREVENTIVE PEDIATRIC. pptx
AneetaSharma15
 
Autodock-for-Beginners by Rahul D Jawarkar.pptx
Rahul Jawarkar
 
Health-The-Ultimate-Treasure (1).pdf/8th class science curiosity /samyans edu...
Sandeep Swamy
 
Action Plan_ARAL PROGRAM_ STAND ALONE SHS.docx
Levenmartlacuna1
 
Five Point Someone – Chetan Bhagat | Book Summary & Analysis by Bhupesh Kushwaha
Bhupesh Kushwaha
 
BÀI TẬP TEST BỔ TRỢ THEO TỪNG CHỦ ĐỀ CỦA TỪNG UNIT KÈM BÀI TẬP NGHE - TIẾNG A...
Nguyen Thanh Tu Collection
 
UTS Health Student Promotional Representative_Position Description.pdf
Faculty of Health, University of Technology Sydney
 
Trends in pediatric nursing .pptx
AneetaSharma15
 
Presentation of the MIPLM subject matter expert Erdem Kaya
MIPLM
 
CARE OF UNCONSCIOUS PATIENTS .pptx
AneetaSharma15
 
An introduction to Dialogue writing.pptx
drsiddhantnagine
 
Care of patients with elImination deviation.pptx
AneetaSharma15
 
PPTs-The Rise of Empiresghhhhhhhh (1).pptx
academysrusti114
 
CDH. pptx
AneetaSharma15
 
Kanban Cards _ Mass Action in Odoo 18.2 - Odoo Slides
Celine George
 
The Minister of Tourism, Culture and Creative Arts, Abla Dzifa Gomashie has e...
nservice241
 

Things you can do

  • 2. • SharePoint Team Lead @ SoHo Dragon [NYC] • 15+ years in web dev, 10+ in SharePoint • Office Server and Services MVP 2017 • Active in the Office 365, Azure & SharePoint community • New Jersey Office 365 User Group @ Microsoft - Iselin, NJ [Every 4th Tues] • SharePoint Saturday New York @ Microsoft – Times Square [July 2017] • Office 365 Global Dev Bootcamp @ Microsoft [NJ & NYC] • NJ Azure Bootcamp @ Microsoft – Iselin, NJ [April 22, 2017] • SharePoint Saturday NJ - [2013-2014] • My SharePoint Blog • Git Hub [corp directory / o365 sticky footer / bootstrap nav]
  • 6. PAGE Your company has a specific set of colors and fonts that it used to identify themselves as defined in a Corporate Branding guideline or policy that you must adhere to. Creating visually distinct areas of your intranet portal. Using different headers, footers, fonts or colors to create appearance of separation. Taking ownership of the experience by abstracting SharePoint / Office 365 and creating what you believe is better. Sometimes known as making it look less like SharePoint. Adjustments to the look and feel to meet the needs of the users. Ex: world clocks, stock tickers, locations, headers, footers, optimized mobile experience.
  • 7. PAGE Customization Maintenance Capability • Your branding capabilities are directly related to cost & maintainability • The more customizations you require the higher costs to implement and maintenance
  • 12. PAGE
  • 13. PAGE
  • 14. PAGE
  • 15. PAGE
  • 28. PAGE • Define custom themes and make them available to site owners. Themes are defined in a JSON schema that stores color settings and related metadata for each theme. • An online Theme Generator tool that you can use to define new custom themes. • A simplified set of default themes, with six light themes and two dark themes presently available. • An updated color palette, with 12 light colors and 6 dark colors, as well as 16 supplementary themes. • Control over which themes are. For example, you can define custom themes based on your organization's branding or identity, and make those the only available themes within your sites. New site theming options for SharePoint sites in Office 365
  • 29. PAGE You can still use the classic themes Because the modern SharePoint UI differs from the classic UI, however, some limitations apply when you use classic themes with modern pages. For the simplest experience, we recommend that you use modern themes with modern pages. Learn More • SharePoint site theming • SharePoint site theming: PowerShell cmdlets • SharePoint site theming: CSOM • SharePoint site theming: REST API See and learn more from two related Ignite sessions. 1) “Using custom themes and designs to standardize the creation of clean, functional SharePoint” 2) “What’s new and what's coming for branding and organizing your SharePoint sites”
  • 30. PAGE • As of right now … it’s just square
  • 32. PAGE
  • 33. PAGE
  • 34. PAGE
  • 35. PAGE
  • 39. PAGE Full page background image, designed for scaling [New Portal] stays centered and clip the left/right edges [Old Portal] stays left and clips the right edge Displayed on the Azure AD sign-in page, when users sign in to cloud applications that use this directory. It’s also used in the Access Panel service. This text appears at the bottom of the Azure AD sign in page, on the web, in apps and in the Azure AD Join experience on Windows 10. Use this space to convey instructions, terms of use and help tips to your users
  • 40. PAGE On high latency connections, the sign-in page illustration may not load, in which case the login page will fill in the space with a solid color. (previously referred to as “Tile Logo”) is used to represent user accounts in your organization, on Azure AD web UI and in Windows 10. Allows the user to select if they would like to remain signed in to prevent being asked their password multiple times.
  • 41. PAGE
  • 42. PAGE
  • 43. PAGE
  • 44. PAGE
  • 50. PAGE SP Editor – Chrome Plugin A Google Chrome Extension for creating and updating files (js, css) in SharePoint Online from Chrome Developer Tools Creating and editing js / css files in SharePoint Online from any device which has Chrome desktop browser. Also possibile to add local and external js/css resources references with user custom actions.
  • 52. PAGE Provides access to well-known locations on SharePoint pages that you can modify based on your business and functional requirements. Build your first SharePoint Framework Extension