1. 4/12/2018 5:44 PM
BRK3354
Using custom themes and designs to standardize the creation of clean, functional SharePoint sites
Sean Squires
Senior Program Manager (SharePoint Experiences Team)
Microsoft
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

2. Session Objectives & Takeaways
Microsoft Ignite 2016
4/12/2018 5:44 PM
Session Objectives & Takeaways
objectives
Recap on updates to self-service site provisioning
Introduce custom themes – and management support
Announce site designs – a modern approach to extending our site templates with custom configurations that plugs into our site provisioning experience
takeaways
Have a better understanding of how we’re approaching the curation and automation of SharePoint site creation – to help integrate your requirements and business processes - while not compromising on benefit of future product updates
Be excited about these new extension capabilities in SharePoint sites! 
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

3. Site creation: fast & modern
Microsoft Ignite 2016
4/12/2018 5:44 PM
Site creation: fast & modern
Updated provisioning flow to provide two templates – the building blocks of a modern intranet
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

4. Building blocks of your intranet
4/12/2018 5:44 PM
Across your sites…
Hub sites
Themes
Site designs
Team sites
Communication sites
Custom Publishing sites
Within your sites…
Biz Apps
Intelligent rollups
Social highlights
© Microsoft Corporation. All rights reserved.

5. Your brand, your identity
4/12/2018 5:44 PM
Your brand, your identity
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

6. How will SharePoint help you integrate your brand?
4/12/2018 5:44 PM
How will SharePoint help you integrate your brand?
Logos
Navigation
Page designs
(content structure)
Theming
(color & font)
Site designs
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

7. Site creation: fast & modern and extensible
Microsoft Ignite 2016
4/12/2018 5:44 PM
Site creation: fast & modern and extensible
New capabilities to inject custom site configurations and business processes into the product provisioning pipeline
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

8. Custom Themes Custom site theming support in “change the look”
4/12/2018 5:44 PM
Custom Themes
Custom site theming support in “change the look”
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9. 4/12/2018 5:44 PM
This week
Central gallery to host custom themes for entire organization PowerShell commands to manage them and hide out-of-box ones
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

10. Demo Custom Themes 4/12/2018 5:44 PM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11. Custom Themes - Recap Custom theme support Resources
4/12/2018 5:44 PM
This week
Custom Themes - Recap
Custom theme support
Central gallery to host custom themes for entire organization
PowerShell commands to manage and hide out-of-box themes
Resources
PowerShell management support ( ):
Theme builder tool (hosted on Fabric site):
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

12. 4/12/2018 5:44 PM
Site Scripts & Designs
modern extensibility hooks for site customization
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

13. 4/12/2018 5:44 PM
Late 2017
Use site scripts and site designs to automate the custom configuration of sites across the enterprise
Custom scripting of sites through provisioning
Clean & consistently branded sites
Apply site settings and call custom solutions
Apply company theme or custom page designs at time of creation
Provision select settings after creation; use Microsoft Flow to call apply additional business logic
Site designs can be injected into in-product provisioning experience to automate consistent site creation
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

14. Site Design “Flow” 1 3 2 Site Scripts - Actions Execute Site Design
4/12/2018 5:44 PM
Site Design “Flow”
Site design selections appear in site provisioning UX (per base template) 1 3 2
Site Scripts - Actions
Create List
Apply Theme
Create Page
Trigger Flow
Add to Nav
Execute Site Design
After site creation script actions are initialized and processed – as each are run, they are saved to a local list and rendered in progress panel
During site creation we create a parameter in site property bag – this is used by site design feature to apply site scripts.
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

15. Anatomy of a site script
4/12/2018 5:44 PM
Anatomy of a site script
var listRecipe = {
"$schema": "schema.json",
"actions": [ {
"primary_verb": "List.CreateOrOpen",
"target": "Customer Tracking",
"templateType": 100,
"verbs": [
"verb": "SetDescription",
"description": "List of Customers and Orders" },
"verb": "AddFieldIfNotExist",
"fieldType": "Text",
"displayName": "Customer Name",
"isRequired": false,
"addToDefaultView": true
"fieldType": "DateTime",
"displayName": "Date of Delivery",
"isRequired": true ]
primary_verb: "Theme.Apply",
target: "Contoso Travel Green" } ],
"bindata": {},
"version": 1 };
Idempotent syntax of common site configuration actions
Script actions can be concatenated in single file or multiple files can be used (and reused)
Site Design attributes designate display characteristics and target template
RestRequest("/_api/Microsoft.Sharepoint.Utilities.WebTemplateExtensions.ScriptUtility.CreateFormula", {info:{Title:"Contoso Travel - Legal Case Book", Description:"Restricted site design to create a legal case book site", ScriptGuids:["b432a1cd-7e1f-4fb d8MaG1C”], Targets:["CN=GUID,OU=GUID,OU=Tenants,OU=MSOnline,DC=<value>,DC=msoprd,DC=msft,DC=net"], IsDefault:true, WebTemplate:"68"}});
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

16. Supported functions Create lists/libraries (incl. settings)
4/12/2018 5:44 PM
Supported functions
Create lists/libraries (incl. settings)
Apply company themes
Trigger logic apps (using Microsoft Flow)
Activate features
* Create modern pages; set as home page
*Add to site nav
*Add declarative formatting to a column
*Join site to Hub
* Enable external access
* Set site classification
…with more to come
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

17. 4/12/2018 5:44 PM
App integration with native site creation flow How to integrate custom logic to out of the box provisioning flow?
Script configured to start previously configured flow, which will receive the newly created site URL as parameter. Flow includes a step to pass site URL to Azure storage queue for delegating processing to Azure side
var flowRecipe = {
  "$schema": "schema.json",
  "actions": [{
      "primary_verb": "Flow.Trigger",
      "target": “<<http post url>>",
      "name": “contoso hr additions",
      "parameters": {
        "department": "HR",
        "cost center": "1023"
      }
    }
  ],
  "bindata": {},
  "version": 1 };
Microsoft Flow
SharePoint Online
<<instantiate with URL details>> 1
<<add message with site URL>> 2
Storage Queue
Azure Function 3
<<apply configurations>>
<<instantiate>> 4
Business logic will handle the message processing. Site URL is used as a parameter to connect to site using remote APIs. Applies needed customization using remote provisioning techniques, for example with PnP remote provisioning template model.
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

18. Scenarios Apply a “default site design” to a template
4/12/2018 5:44 PM
Scenarios
Apply a “default site design” to a template
Add additional site designs for each template
Scope a site design to a select set of users
Add additional business logic using Microsoft Flow
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

19. Demo Site Scripts & Site Designs 4/12/2018 5:44 PM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

20. Site Scripting & Site Designs - Recap
4/12/2018 5:44 PM
Site Scripting & Site Designs - Recap
A new approach for extending modern templates post-creation to automate the custom configuration of sites
Readying for availability later this fall
Preview release, API support (to manage both scripts and designs), additional script actions
Top of Mind
Approval flow, compliance support, on-demand scripting, & versioning
Related Content
BRK What’s new and what's coming for branding and organizing your SharePoint sites – Wednesday, 10:45-12:00
BRK3066- Advancing the SharePoint Developer Community (PnP) – Thursday, 9:00-10:15
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

21. Join the conversation https://sharepoint.com/community
4/12/2018 5:44 PM
Join the conversation
Share your suggestions on UserVoice
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

22. Please evaluate this session
Tech Ready 15
4/12/2018
Please evaluate this session
From your
Please expand notes window at bottom of slide and read. Then Delete this text box.
PC or tablet: visit MyIgnite
Phone: download and use the Microsoft Ignite mobile app
Your input is important!
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

23. 4/12/2018 5:44 PM
© Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.