SPSSTHLM - Using JSLink and Display Templates for ITProsPaul Hunt
These are the slides from my session at SharePoint Saturday Stockholm, where I look at JavaScript Display Templates and how ITPros doing first and second tier development can use the JSLink functionality to implement them.
This session focussed on List View Web Parts and looked at the way we previously visualised data in old version of SharePoint and how we would approach that now in SharePoint 2013.
Please note: The upload of the pptx is failing for some reason, so I've added the slides as a PDF which doesn't include the notes on some of the slides. if you do have any questions, please reach out to me on twitter (@cimares) with any questions.
SPSSTHLM - Using JSLink and Display Templates for ITProsPaul Hunt
These are the slides from my session at SharePoint Saturday Stockholm, where I look at JavaScript Display Templates and how ITPros doing first and second tier development can use the JSLink functionality to implement them.
This session focussed on List View Web Parts and looked at the way we previously visualised data in old version of SharePoint and how we would approach that now in SharePoint 2013.
Please note: The upload of the pptx is failing for some reason, so I've added the slides as a PDF which doesn't include the notes on some of the slides. if you do have any questions, please reach out to me on twitter (@cimares) with any questions.
In these slides we provides information about new technology (CSR) to learn you how to customize the way users interact with list data, and how to develop solutions that change the way data is rendered.
My session slides from SharePoint Saturday UK IT Pro track. See my blog for more details and the demonstration videos. http://www.myfatblog.co.uk/index.php/2013/11/sharepoint-saturday-uk-wrap-up/
In this session, we are going to brand a SharePoint site from start to finish. We will use SharePoint Designer, HTML and custom CSS to design a site how not to look like SharePoint. We'll touch upon themes, page layouts as well as master page design. As well as learn how to upgrade a SharePoint 2007 design to SharePoint 2010.
This session is focused on designers well versed with HTML and CSS but might not have the SharePoint development experience. Within the session, we'll also look at usability, accessibility and best practices on branding SharePoint public facing sites.
Visit http://www.kanwalkhipple.com
Introduction to SharePoint Patterns and Practices (PnP)Thomas Daly
This is a combination of slides from MS Ignite, a variety of PnP team presentations and some things I pulled together for the purpose of presenting to the NYC Office 365 Developer Bootcamp
The front-end framework for building experiences for Office and Office 365
Office UI Fabric is a responsive, mobile-first, front-end framework that you can use to apply the Office Design Language to your web experiences. Whether you’re creating a new app or add-in or updating an existing one, Fabric makes it easy to get up and running.
Built by Microsoft designers and design developers for Microsoft (and you).
Just like other popular frameworks, but built from the ground up for Office 365 without excessive overriding.
All about styling instead of function, so you can focus function and not look and feel.
Integrates with plain JavaScript and frameworks such as Angular, & React.
In these slides we provides information about new technology (CSR) to learn you how to customize the way users interact with list data, and how to develop solutions that change the way data is rendered.
My session slides from SharePoint Saturday UK IT Pro track. See my blog for more details and the demonstration videos. http://www.myfatblog.co.uk/index.php/2013/11/sharepoint-saturday-uk-wrap-up/
In this session, we are going to brand a SharePoint site from start to finish. We will use SharePoint Designer, HTML and custom CSS to design a site how not to look like SharePoint. We'll touch upon themes, page layouts as well as master page design. As well as learn how to upgrade a SharePoint 2007 design to SharePoint 2010.
This session is focused on designers well versed with HTML and CSS but might not have the SharePoint development experience. Within the session, we'll also look at usability, accessibility and best practices on branding SharePoint public facing sites.
Visit http://www.kanwalkhipple.com
Introduction to SharePoint Patterns and Practices (PnP)Thomas Daly
This is a combination of slides from MS Ignite, a variety of PnP team presentations and some things I pulled together for the purpose of presenting to the NYC Office 365 Developer Bootcamp
The front-end framework for building experiences for Office and Office 365
Office UI Fabric is a responsive, mobile-first, front-end framework that you can use to apply the Office Design Language to your web experiences. Whether you’re creating a new app or add-in or updating an existing one, Fabric makes it easy to get up and running.
Built by Microsoft designers and design developers for Microsoft (and you).
Just like other popular frameworks, but built from the ground up for Office 365 without excessive overriding.
All about styling instead of function, so you can focus function and not look and feel.
Integrates with plain JavaScript and frameworks such as Angular, & React.
SEF2013 - Create a Business Solution, Step by Step, with No Managed CodeMarc D Anderson
with Christian Ståhl
In this session, you will learn how you can devise powerful solutions from beginning to end without deploying any managed code with two of the biggest proponents of this approach. We’ll take a business problem and go through the actual solution in SharePoint 2013, but we’ll dip into SharePoint 2010 as well to see how the solution might work there and discuss how we might approach things differently. You’ll get the solution in a WSP as well as the underlying code.
Session 1 branding and site development in SharePointKhoa Quach
This session will provide an overview of tools and libraries available for branding SharePoint 2013 branding solutions. We will review the new design manager, code snippets and the new display templates for content search web parts as well as fundamentals such as master pages, page layouts, publishing content types and best practices when developing front end solutions to SharePoint platform. We will also quickly introduce to popular technologies available and that concurrently work well in SharePoint 2013 such as jquery.js, bootstrap.js or spservices.js
These are the slides from my #SPSBE session #SPSBE23 on Display Templates and JSLink for IT Pros. This is a slightly amended version of the session that I've uploaded for SPSUK and SPSSTHLM as a result of feedback from those earlier sessions.
As a result of conversations from this session and a twitter jam during the journey home, I'll announcing some great news about a community effort to make Display Template samples from many great speakers around the world available in one location.
Watch twitter using hashtag #SPCSR for more info as we announce it.
Everybody knows PowerShell is powerful, it’s in the name! But did you know that PowerShell can read and understand XML? By leveraging XML among other things, complete builds can be automated – making them efficient and predictable.
In this fun, interactive and demo-filled session – I will show you how you can leverage PowerShell to help you build your branded, company website from the ground up using PowerShell and XML. I will also pass along some tips and tricks that will help you become a PowerShell Rockstar!
My name is Madhu and I work for a company Advanced Knowledge Tech LLC., US. I like to work with you as we are the approved vendors.
I want to get in touch with you to find out if you have any requirements for my consultant
Please check the attached profile & fell free to call me
SUGUK Cambridge - Display Templates & JSLink for IT ProsPaul Hunt
This is another evolution of my Display Templates session. A few of the slides have been updated. The key differences between each session however is the demos.
These slides do contain the links called out during the session however.
Collab365 global 2016_edmusters_searchzerotoheroEd Musters
I cannot tell you how many recent customers have simply indexed a universe of content with SharePoint Search OOTB (both SP and non-SP) and commented that “Search sucks” and “I can’t find anything relevant”. You will learn everything you need to know at this session to make use of very powerful OOTB configurable search functionality to “light up” your search experience and become the next Search Hero. No previous knowledge of SharePoint Search is assumed.
Presented at SharePoint Saturday Toronto July 9, 2016. I cannot tell you how many recent customers have simply indexed a universe of content with SharePoint Search OOTB (both SP and non-SP) and commented that “Search sucks” and “I can’t find anything relevant”. You will learn everything you need to know at this session to make use of very powerful OOTB configurable search functionality to “light up” your search experience and become the next Search Hero. No previous knowledge of SharePoint Search is assumed.
SharePoint Search Zero to Search Hero - SPSNL 2016Ed Musters
Presented at SharePoint Saturday Netherlands 2016 - Business Level 100. I cannot tell you how many recent customers have simply indexed a universe of content with SharePoint Search OOTB (both SP and non-SP) and commented that “Search sucks” and “I can’t find anything relevant”. You will learn everything you need to know at this session to make use of very powerful OOTB configurable search functionality to “light up” your search experience and become the next Search Hero. No previous knowledge of SharePoint Search is assumed.
SharePoint 2013 Sandbox Solutions for On Premise or Office 365Ed Musters
SharePoint 2013 Declarative (no code) Sandbox Solutions presentation delivered Nov 5 at the Houston SharePoint TechFest. Were Sandbox solutions not “deprecated”? In this session you will learn that for the developer, Declarative (No Code) Sandbox solutions are still an extremely valid and completely supported way for you to create solutions that are either targeted for On Premise or Office 365. We will look at the types of features and solutions you can create with Visual Studio 2013 and the practical scenarios they enable. Examples include deployment of site columns, content types, list definitions, ribbon buttons, design assets, site pages with JavaScript, web templates, and more!
SharePoint 2013 Sandbox Solutions for On Premise and Office 365Ed Musters
Delivered at SharePoint Saturday Netherlands May 2014. Learn what you can do with declarative only Sandbox Solutions for SharePoint 2013 On Premise or Office 365 using Visual Studio 2013. Site Columns, Content Types, List Definitions, and List Instances. Navigation, Ribbon Buttons (Custom Actions), site pages, OOTB web parts, configured web parts (with CDATA), and files such as images, JS, and CSS. Finally look at Web Templates for provisioning of web sites. This is a very valid and must know technique for every SharePoint 2013 developer!
SharePoint 2013 Web Content Management for Developers HSPUGEd Musters
As presented to the Hamilton SharePoint User Group on March 21, 2013. With powerful new content search capabilities, metadata driven navigation, and new features such as design manager and cross site publishing, this presents a paradigm shift for developers with a focus on WCM publishing sites (intranet, internet). These new features and capabilities will be presented at an introductory level during this talk. The session will then focus on your typical Visual Studio “Publishing Solution” in SharePoint 2010. How do you get this running on a SharePoint 2013 Farm “as is” (migration)? What is involved if I want to convert my existing visual studio solution to SP 2013 developer tools and then fully over to the SP 2013 publishing paradigm? We’re already in development of a SharePoint 2010 site - can we deploy SharePoint 2013 now or should we wait? This session will provide insight into how you should develop today, and be ready for the new world that awaits in SharePoint 2013!
SharePoint 2013 Web Content Management for Developers TSPUGEd Musters
As presented to the Toronto SharePoint User Group on March 20, 2013. With powerful new content search capabilities, metadata driven navigation, and new features such as design manager and cross site publishing, this presents a paradigm shift for developers with a focus on WCM publishing sites (intranet, internet). These new features and capabilities will be presented at an introductory level during this talk. The session will then focus on your typical Visual Studio “Publishing Solution” in SharePoint 2010. How do you get this running on a SharePoint 2013 Farm “as is” (migration)? What is involved if I want to convert my existing visual studio solution to SP 2013 developer tools and then fully over to the SP 2013 publishing paradigm? We’re already in development of a SharePoint 2010 site - can we deploy SharePoint 2013 now or should we wait? This session will provide insight into how you should develop today, and be ready for the new world that awaits in SharePoint 2013!
SharePoint 2013 Document Management Out of the BoxEd Musters
My presentation of SharePoint 2013 Document Management Out of the Box. Many principles can be applied to SharePoint Online (Office 365), SharePoint 2013, SharePoint 2010, and even SharePoint 2007. Illustrated a case study at Deeley Harley-Davidson of Canada.
Full Trust Solution Development in SharePoint 2013Ed Musters
My presentation on the full trust solution model in SharePoint 2013 for SharePoint Saturday Montreal Feb 2 2013. The premise is you developed full trust solutions in SP 2007 / 2010 and wish to leverage that skillset or legacy solutions in an on premise situation.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
Pushing the limits of ePRTC: 100ns holdover for 100 daysAdtran
At WSTS 2024, Alon Stern explored the topic of parametric holdover and explained how recent research findings can be implemented in real-world PNT networks to achieve 100 nanoseconds of accuracy for up to 100 days.
Welcome to the first live UiPath Community Day Dubai! Join us for this unique occasion to meet our local and global UiPath Community and leaders. You will get a full view of the MEA region's automation landscape and the AI Powered automation technology capabilities of UiPath. Also, hosted by our local partners Marc Ellis, you will enjoy a half-day packed with industry insights and automation peers networking.
📕 Curious on our agenda? Wait no more!
10:00 Welcome note - UiPath Community in Dubai
Lovely Sinha, UiPath Community Chapter Leader, UiPath MVPx3, Hyper-automation Consultant, First Abu Dhabi Bank
10:20 A UiPath cross-region MEA overview
Ashraf El Zarka, VP and Managing Director MEA, UiPath
10:35: Customer Success Journey
Deepthi Deepak, Head of Intelligent Automation CoE, First Abu Dhabi Bank
11:15 The UiPath approach to GenAI with our three principles: improve accuracy, supercharge productivity, and automate more
Boris Krumrey, Global VP, Automation Innovation, UiPath
12:15 To discover how Marc Ellis leverages tech-driven solutions in recruitment and managed services.
Brendan Lingam, Director of Sales and Business Development, Marc Ellis
Securing your Kubernetes cluster_ a step-by-step guide to success !KatiaHIMEUR1
Today, after several years of existence, an extremely active community and an ultra-dynamic ecosystem, Kubernetes has established itself as the de facto standard in container orchestration. Thanks to a wide range of managed services, it has never been so easy to set up a ready-to-use Kubernetes cluster.
However, this ease of use means that the subject of security in Kubernetes is often left for later, or even neglected. This exposes companies to significant risks.
In this talk, I'll show you step-by-step how to secure your Kubernetes cluster for greater peace of mind and reliability.
Enhancing Performance with Globus and the Science DMZGlobus
ESnet has led the way in helping national facilities—and many other institutions in the research community—configure Science DMZs and troubleshoot network issues to maximize data transfer performance. In this talk we will present a summary of approaches and tips for getting the most out of your network infrastructure using Globus Connect Server.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...SOFTTECHHUB
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfPaige Cruz
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionAggregage
Join Maher Hanafi, VP of Engineering at Betterworks, in this new session where he'll share a practical framework to transform Gen AI prototypes into impactful products! He'll delve into the complexities of data collection and management, model selection and optimization, and ensuring security, scalability, and responsible use.
Removing Uninteresting Bytes in Software FuzzingAftab Hussain
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
1. May 3-5, 2015 | Boston, Massachusetts USAMay 3-5, 2015 | Boston, Massachusetts USA
Using Kendo UI in Office 365
And/Or SharePoint 2013 On Premise
Ed Musters, SharePoint MVP, Infusion
emusters@infusion.com
@TechEdToronto
Slides available now at:
http://slideshare.net/emusters
2. May 3-5, 2015 | Boston, Massachusetts USA
Presentation Summary
You can create custom data schema (SharePoint Lists) for SharePoint
Online declaratively in Visual Studio (i.e. with tooling VS provides). Kendo
UI then makes very short work of creating a powerful user interface. Even if
you have never customized SharePoint before, you will be surprised how
rapidly you can learn everything you need to do from a programming,
packaging, and deployment perspective to start developing with SharePoint
Online now! Productivity at a level you did not think possible, guaranteed!
• Audience: Developer
• Level: 100
• Pre-Requisites: Knowledge of Kendo UI, basic SP developer knowledge
3. May 3-5, 2015 | Boston, Massachusetts USA
Session Evaluation! Win Prizes!
• http://bit.ly/next-musters
• Or use the TelerikNEXT App
4. May 3-5, 2015 | Boston, Massachusetts USA
Terminology
• Office 365 is an extensive offering
• SharePoint Online is part of that offering
• We’ll refer to SharePoint Online and Office 365
interchangeably
• Everything we do here you can also do with your On
Premise version of SharePoint 2013
5. May 3-5, 2015 | Boston, Massachusetts USA
Look for the .NET Ninja!
• This symbol will point you to important tips and
insider knowledge that will show you are a pro!
6. May 3-5, 2015 | Boston, Massachusetts USA
{ About.Me() }
https://mvp.support.microsoft.com/profile/Ed.Musters
• Current SharePoint MVP – 11th year!
• Author for two SP development books
• SharePoint Architect for Infusion
• Speaker at International Conferences on
SharePoint, at user groups, and at
SharePoint Saturdays
• Certified Trainer for the industry leading
SharePoint training from Critical Path
Training
• Harley-Davidson ™ Enthusiast!
8. May 3-5, 2015 | Boston, Massachusetts USA
Agenda
• The SharePoint Team Site
• How To – SP 2013 VS Tools and Features
• How To – SharePoint Lists (Schema)
• How To – Deploy Kendo UI to SharePoint
• How To – Kendo UI Grid in SP 2013
• How To – Grid Reading From SP List
• Where to go from here?
9. May 3-5, 2015 | Boston, Massachusetts USA
The SharePoint Team Site
10. May 3-5, 2015 | Boston, Massachusetts USA
Why Kendo UI in SharePoint?
• SharePoint is great for browser based
customizations, SharePoint designer customizations,
and easy no code solutions with Visual Studio
• Creating great user experiences (UI) in SharePoint,
however, is not so easy!
• Presenting… Kendo UI in SharePoint!
11. May 3-5, 2015 | Boston, Massachusetts USA
Agenda
• The SharePoint Team Site
• How To – SP 2013 VS Tools and Features
• How To – SharePoint Lists (Schema)
• How To – Deploy Kendo UI to SharePoint
• How To – Kendo UI Grid in SP 2013
• How To – Grid Reading From SP List
• Where to go from here?
12. May 3-5, 2015 | Boston, Massachusetts USA
SP2013 Declarative SandBox Solutions
• A solution deployment file, with extension of WSP
• Deploy your SharePoint customizations
• Contains features with elements that (primarily) provisions files to
the site collection (e.g. JS and CSS)
• Provision schema (site columns, content types, lists) and more!
• All done through “declarative” XML, no compiled C# code!
• Features scoped only to one specific site collection
• Compatible for Office 365 and On Premise
13. May 3-5, 2015 | Boston, Massachusetts USA
What are we going to deploy?
• A Kendo UI Solution for Office 365
• Deploy Kendo UI JS and Styles to site collection
• Provision custom schema – site column, content type, and list – to
store “Telerik Contacts”
• Reference Telerik JS and CSS files globally through “custom
actions”
• Create a page and configure it with Kendo UI script samples that
will read SharePoint data
14. May 3-5, 2015 | Boston, Massachusetts USA
How To – VS SharePoint Tools
15. May 3-5, 2015 | Boston, Massachusetts USA
How To – VS SharePoint Tools
16. May 3-5, 2015 | Boston, Massachusetts USA
Solution (WSP) Contains 3 Features
17. May 3-5, 2015 | Boston, Massachusetts USA
Important Feature Properties
18. May 3-5, 2015 | Boston, Massachusetts USA
Solution is uploaded to Solution Gallery
• Don’t worry, declarative Sandbox Solutions NEVER
consume resources!
19. May 3-5, 2015 | Boston, Massachusetts USA
Features are available and activated
• Yes! You can get a feature Icon in a Sandbox
feature. This is a very pro touch!
20. May 3-5, 2015 | Boston, Massachusetts USA
Agenda
• The SharePoint Team Site
• How To – SP 2013 VS Tools and Features
• How To – SharePoint Lists (Schema)
• How To – Deploy Kendo UI to SharePoint
• How To – Kendo UI Grid in SP 2013
• How To – Grid Reading From SP List
• Where to go from here?
21. May 3-5, 2015 | Boston, Massachusetts USA
Telerik Contacts List
• Goal is to take the OOTB Contacts List
• Add a custom choice column of “Telerik Expertise”
• Create a custom Content type
• Create a custom List Definition and instance
22. May 3-5, 2015 | Boston, Massachusetts USA
Telerik Expertise Site Column
23. May 3-5, 2015 | Boston, Massachusetts USA
Content Type Telerik Contacts
24. May 3-5, 2015 | Boston, Massachusetts USA
List Definition and Instance
25. May 3-5, 2015 | Boston, Massachusetts USA
Agenda
• The SharePoint Team Site
• How To – SP 2013 VS Tools and Features
• How To – SharePoint Lists (Schema)
• How To – Deploy Kendo UI to SharePoint
• How To – Kendo UI Grid in SP 2013
• How To – Grid Reading From SP List
• Where to go from here?
26. May 3-5, 2015 | Boston, Massachusetts USA
Deploy Kendo UI to SharePoint
• To deploy Kendo UI, deploy JavaScript and Styles
directories
• Use Module element to deploy files to the Site
Collection Style Library
• Create module element, simply drag drop files into
project folder!
27. May 3-5, 2015 | Boston, Massachusetts USA
Deploy Kendo UI files
• Specify ReplaceContent=“True”, so that updated files
when re-deployed will get overwritten
28. May 3-5, 2015 | Boston, Massachusetts USA
Alternative – use the CDN
• http://docs.telerik.com/kendo-ui/install/cdn
29. May 3-5, 2015 | Boston, Massachusetts USA
Agenda
• The SharePoint Team Site
• How To – SP 2013 VS Tools and Features
• How To – SharePoint Lists (Schema)
• How To – Deploy Kendo UI to SharePoint
• How To – Kendo UI Grid in SP 2013
• How To – Grid Reading From SP List
• Where to go from here?
30. May 3-5, 2015 | Boston, Massachusetts USA
Deploy Basic Grid Demo to SharePoint
• Uses “Northwind Customers” service, see:
• http://demos.telerik.com/kendo-ui/grid/index
31. May 3-5, 2015 | Boston, Massachusetts USA
Step 1: Deploy Kendo UI Reference
• The demo uses 4 CSS and 2 JS references
32. May 3-5, 2015 | Boston, Massachusetts USA
SharePoint Master Page
• SharePoint has a special ASP.NET Master page
called “seattle.master” in the Master Page gallery
• A perfectly valid option is to copy this OOTB master
page, then modify it to include desired Kendo UI
references
• Instead we’ll use another method to “inject”
references to the site collection without need of
custom master pages
33. May 3-5, 2015 | Boston, Massachusetts USA
Reference JS in SharePoint Master Page
• Use Empty Element and Custom Action to get a
“Script Link” into the master page header:
34. May 3-5, 2015 | Boston, Massachusetts USA
Reference CSS in SharePoint Master Page
• Use clever “hack” to inject script reference with Custom Action.
• Note this should be all on one line – broken up here for visibility only
35. May 3-5, 2015 | Boston, Massachusetts USA
Step 2: Add a New Page
• “Add A Page” from the drop down menu
36. May 3-5, 2015 | Boston, Massachusetts USA
Add HTML for Grid Element
37. May 3-5, 2015 | Boston, Massachusetts USA
Step 3: Add A Script Editor Web Part
38. May 3-5, 2015 | Boston, Massachusetts USA
Add Script to Web Part
• Edit web part, then click “Edit Snippet”
40. May 3-5, 2015 | Boston, Massachusetts USA
Kendo UI Running in SharePoint!
41. May 3-5, 2015 | Boston, Massachusetts USA
Agenda
• The SharePoint Team Site
• How To – SP 2013 VS Tools and Features
• How To – SharePoint Lists (Schema)
• How To – Deploy Kendo UI to SharePoint
• How To – Kendo UI Grid in SP 2013
• How To – Grid Reading From SP List
• Where to go from here?
42. May 3-5, 2015 | Boston, Massachusetts USA
Grid Reading From SharePoint List
• We will create Kendo UI Grid reading from the
Telerik Contacts list
• Repeat Step 2 – add a page and add the HTML
element for the Grid
• Repeat Step 3 with the following Script that uses the
SharePoint REST API
44. May 3-5, 2015 | Boston, Massachusetts USA
But wait! The Grid did not populate!
• What happened? Use Fiddler!
• Discover that SharePoint REST by default returns
ATOM format, not JSON
45. May 3-5, 2015 | Boston, Massachusetts USA
How do we fix it?
• Two things:
• First, must modify Accept Header to ask for JSON format
• The JSON will be wrapped in a “Results” block, so must target the
data
• Note: You can examine a JSON Response to get
the proper “internal” SP List field names, which will
be different from the “Display Names”.
46. May 3-5, 2015 | Boston, Massachusetts USA
Configuration of Script Data Source
dataSource: {
type: “json",
transport: {
read: {
url: "http://kendoui.office365.teleriknext/_api/lists/getbytitle('TelerikContacts')/items",
beforeSend: function (xhr) {
xhr.setRequestHeader("Accept", "application/json; odata=verbose")
}
}
},
schema: {
data: function (data) {
return data.d && data.d.results ? data.d.results : [data.d];
}
},
47. May 3-5, 2015 | Boston, Massachusetts USA
Working Kendo UI with SP List!!
48. May 3-5, 2015 | Boston, Massachusetts USA
BONUS DEMO
• If time permits..
• Use SharePoint Designer to download the site page
you just created
• Include in your Visual Studio solution, and create the
related module and feature
• So now you have the complete package: Schema,
list instance, Kendo UI, and User Interface
49. May 3-5, 2015 | Boston, Massachusetts USA
Agenda
• The SharePoint Team Site
• How To – SP 2013 VS Tools and Features
• How To – SharePoint Lists (Schema)
• How To – Deploy Kendo UI to SharePoint
• How To – Kendo UI Grid in SP 2013
• How To – Grid Reading From SP List
• Where to go from here?
50. May 3-5, 2015 | Boston, Massachusetts USA
Where to go from here?
• See my dedicated slide deck for SharePoint
Sandbox Solutions
• http://slideshare.net/emusters
• Kendo UI Theme available for Office 365
• Seamless styling for controls compatible for Office 365
• Can I use Kendo UI in SharePoint Apps?
• Yes! All the same techniques you have learned here can be
applied to bring Kendo UI to your SharePoint App development
51. May 3-5, 2015 | Boston, Massachusetts USA
Office 365 Developer Announcement!
• If you are part of the Office 365 Developer Program,
included is a free license of Kendo UI pro!
• Office 365 Developer: http://dev.office.com
• Claim Kendo UI license: http://telerik.com/o365
52. May 3-5, 2015 | Boston, Massachusetts USA
Kendo UI Office 365 App Sample
53. May 3-5, 2015 | Boston, Massachusetts USA
Question and Answer
Ed Musters
emusters@infusion.com
@TechEdToronto
Session Evaluation!
http://bit.ly/next-musters