2. • B.S. Computer Engineering 2005
• B.S. Computer Science 2005
• SharePoint Developer since 2009
• Experience in
• SP2007, SP2010, SP2013, SPOnline
• SSOM, CSOM, JSOM, REST
• MCTS: Windows Sharepoint Services 3.0
• MCTS: SharePoint 2010, Application Development
• MCSD: SharePoint Applications
• MCSD: Web Applications
3. Challenges Working in Government Environments
Modern Web Development Tools
SharePoint Solution Types
SharePoint REST Framework Overview
Build Solutions
Upgrade Path
4. Restrictions
• No Server-Side Access
• No Site Collection Administration Access
• No SharePoint Designer
• Designer Access Only
Environments
• No Modern Tools
• Available Software/Tools Limited
• Government Machine
• No Local Administration Access
• No Add-In Model
• SharePoint 2010/2013
No Code!!!
• No WSPs
• Client-Side Only
5. Out of the Box
• Built-In WebParts
• SharePoint Designer
SSOM
• WSPs
CSOM
• Add-In
JSOM/REST
• Sandbox WSPs
• Content or Script Editor WebPart
6. Out of The Box
• Built-In WebParts (Feature Not Enabled)
• SharePoint Designer
SSOM
• WSPs
CSOM
• Add-In
JSOM/REST
• Sandbox WSPs
• Content or Script Editor WebPart
7. Out of The Box
• Built-In WebParts (Feature Not Enabled)
• SharePoint Designer (Not Available)
SSOM
• WSPs
CSOM
• Add-In
JSOM/REST
• Sandbox WSPs
• Content or Script Editor WebPart
8. Out of The Box
• Built-In WebParts (Feature Not Enabled)
• SharePoint Designer (Not Available)
SSOM
• WSPs (Doesn’t Upgrade to SPO)
CSOM
• Add-In
JSOM/REST
• Sandbox WSPs
• Content or Script Editor WebPart
9. Out of The Box
• Built-In WebParts (Feature Not Enabled)
• SharePoint Designer (Not Available)
SSOM
• WSPs (Doesn’t Upgrade to SPO)
CSOM
• Add-In (Not Available)
JSOM/REST
• Sandbox WSPs
• Content or Script Editor WebPart
10. Out of The Box
• Built-In WebParts (Feature Not Enabled)
• SharePoint Designer (Not Available)
SSOM
• WSPs (Doesn’t Upgrade to SPO)
CSOM
• Add-In (Not Available)
JSOM/REST
• Sandbox WSPs (Deprecated)
• Content or Script Editor WebPart
11. Custom Actions
• Site Collection
• Web
Folders/Files
• Libraries
• Master Page Gallery
• WebPart Gallery
Web
• Content Types (JSLink)
• Field (JSLink)
Lists
• Content Types
• JSLink
• Fields
• Views
12. Custom Actions
• Site Collection
• Web
Folders/Files
• Libraries
• Master Page Gallery
• WebPart Gallery
Web
• Content Types (JSLink)
• Field (JSLink)
Lists
• Content Types
• JSLink
• Fields
• Views
13. Background
• Introduced in SharePoint 2010
• Does not load on modern pages
Deploy Scripts
• All Pages in a Site Collection
• All Pages in a Web
• Source file must be w/in the site collection (Dynamic URLs)
• Script Block is Available (Static URLs)
Customize the Site Action Menu
• Custom Links
• Displayed Based on Permissions
Customize the Ribbon Menu
• Ribbon Group
• Ribbon Buttons
14. Script Editor WebPart
• Client-Side
• Configuration
Manual Deployment
• Copy file to WebPart Gallery
• Available throughout the Site Collection
Page Types
• WebPart
• Publishing
• Wiki Pages
16. Core (gd-sprest)
• Helper
• Libs
• REST Endpoints
• SPTypes
Bootstrap (gd-bs)
• Components
• Web Components (StencilJS)
SharePoint Components (gd-sprest-bs)
• Date/Time Picker
• Field
• List Form
• List Form Dialog
• People Picker
WebParts (gd-sprest-bs)
• WebPart
• List
• Search
• Tabs
• Taxonomy
17. Ribbon Button
• Generate a button in the top ribbon bar
Ribbon Menu Button
• Bootstrap menu displayed when clicked
List Web Part
• Display data in table
• Edit form with save capability
18. Classic Pages
• No Changes Required
Modern Pages
• SPFx WebPart
Other Considerations
• Review newer modern tools
• Convert to out of the box?
• Redesign solution?
Get crowd information:
Developers? Online or On-Prem? 2013?
Power-Users?
Intelink Environment - All Gov to Collaborate
You get what you get and you don’t complain
Environments -> Not O365
Everyone is talking about O365 solutions and tools. No love for the On-Prem folks in 2013
VSCode -> Thank You Very Much
What CAN we do currently?
What’s Left…
Use OTB when possible, but what to do when OTB just doesn’t cut it?
Thank You Modern Web Tools
What’s Left…
Use OTB when possible, but what to do when OTB just doesn’t cut it?
Thank You Modern Web Tools
What’s Left…
Use OTB when possible, but what to do when OTB just doesn’t cut it?
Thank You Modern Web Tools
What’s Left…
Use OTB when possible, but what to do when OTB just doesn’t cut it?
Thank You Modern Web Tools
What’s Left…
Use OTB when possible, but what to do when OTB just doesn’t cut it?
Thank You Modern Web Tools
What can we do?
Custom Action Solutions (Powerful)
Customize Ribbon
Customize Site Actions Menu
Reference a JavaScript File
Inject a Script Block
Custom Actions Upgrade To SPFx
Concept:
A script editor webpart w/ the content filled out to reference our library and solution. (Example – Single Page Application)
This sounds too complicated to do.
How do we simplify all of this?
What is this?
A lot of github libraries
What is the Goal?
Provide an easy way to develop client-side solutions in SharePoint 2013+ environments, with an upgrade path to SPFx.
Bootstrap library does have Stencil-JS web-components included. The documentation uses web-components for the online examples.
Doesn’t bootstrap mess with other styling on the page?
Targets the “bs” element, so it doesn’t mess w/ the DOM.
Reference the documentation.
Add issues if you have questions or need help.
Recommend path for solutions:
Keep it in classic mode
See what solutions can be converted to new OTB modern tools
Redesign the solution, now that restrictions are hopefully lifted
Convert solution to SPFx