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/
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.
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.
Transform SharePoint default list forms with HTML, CSS and JavaScriptJohn Calvert
Turn the out-of-the-box SharePoint list forms into custom styled forms using only HTML, CSS and JavaScript.
Based on Mark Rackley’s original approach, Easy Custom Layouts for Default SharePoint Forms, http://www.markrackley.net/2013/08/29/easy-custom-layouts-for-default-sharepoint-forms/, with significant enhancements: pure CSS solution, locale-agnostic field move, jQueryUI tabs.
Customizing the SharePoint 2013 user interface with JavaScript - Chris OBrienChris O'Brien
Covers several approaches for user interface customization in SP2013 - using JSLink to customize a list and/or view, creating custom Display Templates for the Content Search web part, and different approaches for customizing the search hover panel.
#SPSLondon - Session 2 JSLink for IT ProsPaul Hunt
These are the slides from my second session at SPSLondon, there's a little cross over between the two sessions if you went to both!
This one covers an introduction to Display Templates for IT Pros, show the what, why and how of Display Templates in List View Web Parts with an IT Pro focus.
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.
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.
Transform SharePoint default list forms with HTML, CSS and JavaScriptJohn Calvert
Turn the out-of-the-box SharePoint list forms into custom styled forms using only HTML, CSS and JavaScript.
Based on Mark Rackley’s original approach, Easy Custom Layouts for Default SharePoint Forms, http://www.markrackley.net/2013/08/29/easy-custom-layouts-for-default-sharepoint-forms/, with significant enhancements: pure CSS solution, locale-agnostic field move, jQueryUI tabs.
Customizing the SharePoint 2013 user interface with JavaScript - Chris OBrienChris O'Brien
Covers several approaches for user interface customization in SP2013 - using JSLink to customize a list and/or view, creating custom Display Templates for the Content Search web part, and different approaches for customizing the search hover panel.
#SPSLondon - Session 2 JSLink for IT ProsPaul Hunt
These are the slides from my second session at SPSLondon, there's a little cross over between the two sessions if you went to both!
This one covers an introduction to Display Templates for IT Pros, show the what, why and how of Display Templates in List View Web Parts with an IT Pro focus.
O365 Saturday - Deepdive SharePoint Client Side RenderingRiwut Libinuko
Deepdive to SharePoint Client Side Rendering.
This presentation includes demo that you can follow on Youtube channel https://www.youtube.com/channel/UC_qdk2Sv-qKDkXGZolQZSew.
Source code for this presentation is also available through GitHub https://github.com/cakriwut/Business365.CSR
How to Improve the SharePoint UI Using Bootstrap 3Ryan McIntyre
Bootstrap has become the go-to standard for web developers looking for a simple and powerful framework to use when building websites. It provides many capabilities and features that not only simplify markup, leading to increased productivity and easier maintenance, but can also enhance the website by enabling the developer with a simple way to add complex capabilities that they may not have even known was possible.
Why aren't we using it in SharePoint development? There's no reason we can't! This session will provide seasoned SharePoint developers and designers with an introduction to Bootstrap 3 so we can review the components in the framework and learn how to incorporate Bootstrap into our solutions. Which components should we be leveraging? Which components should we be avoiding? How do we utilize Bootstrap to increase our mobile and responsive experiences?
To answer these questions, you will be introduced to Bootstrap and we will review its' capabilities. We then compare to existing SharePoint features so we can make proper decisions on when and when not to use Bootstrap. Leveraging this foundation, the session will move into demos of building a branding solution using Bootstrap as well as show the creation of a SharePoint app which will be built using Bootstrap. Coming out of this session you will have a clear understanding of what Bootstrap 3 is, when and how to use it properly in your SharePoint solutions and apps, and a new perspective on SharePoint development!
2013 SPFest - Customizing Sites and Pages in SharePoint 2013Wes Preston
Intended as an overview for power users and developers working with SharePoint 2013 to understand new capabilities for page customizations using CSR (client side rendering) and JS Link.
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
A Power User's Intro to jQuery Awesomeness in SharePointMark Rackley
The slide deck for my session walking Power Users through adding scripts to pages in SharePoint with demos showing what's possible to do without having to write any JavaScript. Includes links to blog posts with step by step video instructions.
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...Chris O'Brien
Covers several approaches for user interface customization in SP2013 - using JSLink to customize a list and/or view, creating custom Display Templates for the Content Search web part, and different approaches for customizing the search hover panel.
Additional information added for the European SharePoint Conference 2014
This presentation was given at SharePoint Saturday Virginia Beach 2012. The topic covers some SharePoint based solutions that directly benefit from HTML5 features.
Integrating Search Driven Content in SharePoint 2013/2016/O365Eric Overfield
Learn all about new search driven content strategies in SharePoint 2013/2016/O365, starting with add content, followed by display content throughout your SharePoint site and finishing with a look at refining your search results using query rules and result types
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.
O365 Saturday - Deepdive SharePoint Client Side RenderingRiwut Libinuko
Deepdive to SharePoint Client Side Rendering.
This presentation includes demo that you can follow on Youtube channel https://www.youtube.com/channel/UC_qdk2Sv-qKDkXGZolQZSew.
Source code for this presentation is also available through GitHub https://github.com/cakriwut/Business365.CSR
How to Improve the SharePoint UI Using Bootstrap 3Ryan McIntyre
Bootstrap has become the go-to standard for web developers looking for a simple and powerful framework to use when building websites. It provides many capabilities and features that not only simplify markup, leading to increased productivity and easier maintenance, but can also enhance the website by enabling the developer with a simple way to add complex capabilities that they may not have even known was possible.
Why aren't we using it in SharePoint development? There's no reason we can't! This session will provide seasoned SharePoint developers and designers with an introduction to Bootstrap 3 so we can review the components in the framework and learn how to incorporate Bootstrap into our solutions. Which components should we be leveraging? Which components should we be avoiding? How do we utilize Bootstrap to increase our mobile and responsive experiences?
To answer these questions, you will be introduced to Bootstrap and we will review its' capabilities. We then compare to existing SharePoint features so we can make proper decisions on when and when not to use Bootstrap. Leveraging this foundation, the session will move into demos of building a branding solution using Bootstrap as well as show the creation of a SharePoint app which will be built using Bootstrap. Coming out of this session you will have a clear understanding of what Bootstrap 3 is, when and how to use it properly in your SharePoint solutions and apps, and a new perspective on SharePoint development!
2013 SPFest - Customizing Sites and Pages in SharePoint 2013Wes Preston
Intended as an overview for power users and developers working with SharePoint 2013 to understand new capabilities for page customizations using CSR (client side rendering) and JS Link.
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
A Power User's Intro to jQuery Awesomeness in SharePointMark Rackley
The slide deck for my session walking Power Users through adding scripts to pages in SharePoint with demos showing what's possible to do without having to write any JavaScript. Includes links to blog posts with step by step video instructions.
Chris O'Brien - Customizing the SharePoint/Office 365 UI with JavaScript (ESP...Chris O'Brien
Covers several approaches for user interface customization in SP2013 - using JSLink to customize a list and/or view, creating custom Display Templates for the Content Search web part, and different approaches for customizing the search hover panel.
Additional information added for the European SharePoint Conference 2014
This presentation was given at SharePoint Saturday Virginia Beach 2012. The topic covers some SharePoint based solutions that directly benefit from HTML5 features.
Integrating Search Driven Content in SharePoint 2013/2016/O365Eric Overfield
Learn all about new search driven content strategies in SharePoint 2013/2016/O365, starting with add content, followed by display content throughout your SharePoint site and finishing with a look at refining your search results using query rules and result types
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.
SXA is just not a toolbox. SXA is a complete package of design, structure, data and all these with Helix principles. It covers what all comes in boundary of SXA. How development can be accelerated in real world.
SUG Bangalore - Overview of Sitecore Experience Accelerator with Pratik Satik...Anindita Bhattacharya
An SUG Bangalore Session on Overview of Sitecore Experience Accelerator by Pratik Satikunvar, at the Meetup organized on 24th March 2018 @ Sapient, Bangalore.
Highs, lows & random rants on SharePoint 2013 - Experiences from implementing a governance and quality management in SharePoint 2013. Presented at Norwegian SharePoint Community June 17th, 2013.
Building Responsive Intranet using Sharepoint Framework solutions - Asish Pad...Asish Padhy
SharePoint Framework can be used to extend Modern experience sites such as communication sites and team sites for Intranet Portals. Over the last year, we have implemented few of these Intranet solutions through Client Side Web parts and list menu extensions using React and third-party libraries such as Office Fabric UI/Bootstrap. This session we will take a look at steps for these approaches and will share learnings from these solutions.
Sitecore sxa best practices and secrets 29th june 2021Jitendra Soni
Sitecore SXA – Best Practices and Tips.
Create a new custom SXA module.
Power of Snippet and Page content.
Power of composite component and extension
Search Relevancy – make it more relevant.
Envision IT - Application Lifecycle Management for SharePoint in the EnterpriseEnvision IT
SharePoint has become mission critical, complex, and wide-ranging in most enterprises. How do we apply the best practices of ALM in this environment?
Learn more from this presentation, delivered by Envision IT, Leaders in SharePoint Solutions
Sitecore MVC
A basic guide for using sitecore MVC. difference between Sitecore MVC and Asp.Net MVC, Difference between Sitecore with Webform and MVC. and different rendering methods specific to Sitecore MVC.
Exploring conditional access to content stored in Office 365 - SPS HelsinkiPaul Hunt
The slides from my session on Conditional Access, presented at SPS Helsinki. This deck includes slides around entitlement packages and terms of use that old decks don't have.
Exploring conditional access to content stored in Office 365Paul Hunt
Aug 2019 - The latest slides for my Conditional Access in Office 365 session, covering ADFS, O365 E1/E3/E5, EM+S E3/E5 and the various capabilties of each.
Spunite exploring identity management options in office 365Paul Hunt
These are the slides from my Exploring Officer 365 Identity Management session at SPUnite 2017. A most excellent event that I heartily recommend people attend when it returns!
#SPSLondon - Session 1 - Building an faq for end usersPaul Hunt
These are the slides to accompany my first session on building an FAQ in SharePoint. It follows the evolution of the idea from a basic single site/list implementation through to an enterprise focussed application.
Creating an FAQ for end users, An evolution of an idea - SharePoint Saturday ...Paul Hunt
These are the slides of my second session at SharePoint Saturday Jersey in which I look at evolving the creation of an FAQ from the basic list, through to a fully search integrated enterprise offering.
Iw411 migrating content by search from 2010 into 2013 - minifiedPaul Hunt
IW411 This is my slide deck from the SharePoint Evolutions 2013 Conference where I looked at content by search in 2010, then migrating and building from scratch in 2013.
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
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.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on the notifications, alerts, and approval requests using Slack for Bonterra Impact Management. The solutions covered in this webinar can also be deployed for Microsoft Teams.
Interested in deploying notification automations for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
JMeter webinar - integration with InfluxDB and GrafanaRTTS
Watch this recorded webinar about real-time monitoring of application performance. See how to integrate Apache JMeter, the open-source leader in performance testing, with InfluxDB, the open-source time-series database, and Grafana, the open-source analytics and visualization application.
In this webinar, we will review the benefits of leveraging InfluxDB and Grafana when executing load tests and demonstrate how these tools are used to visualize performance metrics.
Length: 30 minutes
Session Overview
-------------------------------------------
During this webinar, we will cover the following topics while demonstrating the integrations of JMeter, InfluxDB and Grafana:
- What out-of-the-box solutions are available for real-time monitoring JMeter tests?
- What are the benefits of integrating InfluxDB and Grafana into the load testing stack?
- Which features are provided by Grafana?
- Demonstration of InfluxDB and Grafana using a practice web application
To view the webinar recording, go to:
https://www.rttsweb.com/jmeter-integration-webinar
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.
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
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.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
State of ICS and IoT Cyber Threat Landscape Report 2024 preview
Using js link and display templates
1. Using JSLink & Display Templates with List View Web Parts
Presented by Paul Hunt
SharePoint Saturday UK - 2013
2. Who Am I?
• SharePoint Architect for Trinity
Expert Systems
• Co-organiser of SUGUK London
Region
• Member of the SharePoint
community since 2007
• In my spare time I’m a
woodturner, making Pots, Pens
and artistic pieces!
• Paul Hunt
• Twitter: @Cimares
4. SharePoint User Group UK - SUGUK
• Established in 2006
• Now in it’s seventh year!
• Local user groups in each major
region of the UK
• Over 9000 members.
• The largest SharePoint user group
in the world!
Visit the stand in the exhibition stall
Or go to www.suguk.org!
SUGUK
SharePoint User Group UK
5. What is this session all about?
• The List View Web Part
6. Who’s this session for?
• Primarily First/Second tier developers
– ITPros who customised 2010 list views in SPD
– ITPros that used to write their own XSLT in SP2010
– Developers that want to know what's available before opening VS2012
• On Premises or Office 365 Deployments
• Might not be ideal for someone who isn’t comfortable with
JavaScript, HTML and CSS.
– Though if you used to play in SPD 2010 you’re halfway there!
– If you want to know what's achievable without deployed solutions
7. What did we used to do?
• We used SPD and the Design View
– We did conditional formatting
– Played with colours
– Injected Hyperlinks
8. What did we used to do?
• But
– No design view anymore!
9. What did we used to do?
• We used XSLT Overrides (Still exist, but deprecated!)
10. What did we used to do?
• We used XSLT Overrides (Still exist, but deprecated!)
– Which took boring list data views
11. What did we used to do?
• We used XSLT Overrides (Still exist, but deprecated!)
– And transformed them into visual representations
12. What did we used to do?
• We used custom code solutions (We still can!)
– Custom CAML Rendering Templates
– Custom List Views
– Custom Web Parts
• All bring additional headaches
14. So why the focus on Client Side Rendering?
• It’s client side, moving the impact of customisations off of the
web server and onto the often powerful and under utilised
client machine
SETI@Home
Folding@Home
15. So why the focus on Client Side Rendering?
• It’s client side, moving the impact of customisations off of the
web server and onto the often powerful and under utilised
client machine
• Some client machines may struggle with heavy Javascript loads!
16. Specifically why JavaScript, HTML and CSS?
•
•
•
•
•
It’s easier to develop..
Much simpler than XSLT
Certainly easier to troubleshoot than XSLT
Likely to have the skills in house
Cross-platform (ish!)
– Some frameworks such as jQuery help with this
17. Exactly what is a Display Template?
• A small piece of JavaScript code that is called by the browser
AFTER the page has been delivered.
• They are prolific in SharePoint 2013
– Some examples
•
•
•
•
•
•
Search Results
Field Rendering
Search Refiners
List Forms
List views
eDiscovery
18. We’re just looking at:• Field Rendering Display Templates
– These provide the ability to override the rendering of a single field in a list
view
• List View Display Templates
– These provide the ability to override the rendering of an entire view
19. Anatomy of a List View Display Template
• Define a Function to register the Display Template
• Define the Function called by the Display Template for each
item.
• Call the register function
20. Anatomy of a List View Display Template
• Define a Function to register the Display Template
For a list of template types see - http://bit.ly/169AbS9
21. Anatomy of a List View Display Template
• Define the Function called by the Display Template
• Note the use of ctx.CurrentItem.Title
– Any field in the view can be obtained this way
– You must use the internal name
• Obtained from the edit column screen
22. Anatomy of a List View Display Template
• Call the function we defined when the page loads.
23. Anatomy of a Field Rendering Display Template
• All that really changes is the override set-up
• This time there are no headers/footers
• We only specify the Base View ID/Field Name
24. Anatomy of a Field Rendering Display Template
• The render function is similar to the list view
25. How do we use them with List Views?
• First we need to upload/create them in the MasterPage
gallery
26. How do we use them with List Views?
• Set some metadata
27. How do we use them with List Views?
• Add a link into the JSLink on the web part
• Note the ~token in use
–
–
–
–
–
~sitecollection
~site
~layouts
~sitecollectionlayouts
~sitelayouts
• You can have multiple JSLinks
– Join them with |
33. There has to be a catch?
• Minimal Download Strategy
• Multiple list views on a page
• Changing SharePoint functionality
34. There has to be a catch?
• Minimal Download Strategy
– Our display templates work on page load
– But fail during a refresh.
– This is because our JavaScript doesn’t get called a second time
• Two workarounds!
• Turn off the Minimal Download Feature in each Web
• Include the relevant JavaScript in your Display Template code
35. There has to be a catch?
• Multiple list views on a page
– Because of the way Display Templates are registered, it’s not possible to have
two on the page if the list templates are the same.
(E.g. Custom TemplateType = 100)
– There is a workaround though published on my blog
– http://bit.ly/136e0e3
36. There has to be a catch?
• Changing/Breaking SharePoint functionality
– For example, overriding the Tasks view breaks SharePoint rendering.
– This is fixed in the earlier Field demo with a couple of lines of JavaScript.
39. Page lifecycle
• And finally after setting things up
– Calls the RenderListView() function for the web part.
• Which in turn:
– Calls the GetTemplates()
40. Page lifecycle
• Which compares the Context object to the list of registered
overrides
• And if everything is in place, our
override wins!
43. Call to Action!
• Take a look at these sites for more detailed info
• Wes Preston – JS Link a primer - http://bit.ly/102fcNa
• Martin Hatch – JSLink 7 part series - http://bit.ly/Hh5zFk
• My blog – Solving the multiple list view issue http://bit.ly/136e0e3
43
44. Thanks for listening! – Don’t forget SharePint!
• SHARE·PINT: [SHAIR-PAHYNT]
Noun
1. An assembly or meeting in relation to Microsoft
SharePoint, accompanied with an alcoholic beverage.
Editor's Notes
This session is all about dropping a list view web part on the page and doing something visually with it using the tools that Microsoft provide and no serious custom development.
We’re targeting First/Second Tier developers.. That’s the UI and Client side to you and me..You’ll need to know Javascript, HTML and CSS..But not a lot, start small and work up!
Primarily we worked server sideThough Marc Anderson and others championed what could be done client side with jQuery and similar
The design view has now gone.Lots of discussion as to why.Can’t now use (in visual design mode):-the conditional format builderThe xPath expression builderWeb part connectionsWeb Part filters
We did use XSLT over ridesDifficult to troubleshootA single wrong character could break the rendering! Very difficult to troubleshoot without access to the ULS logs (Or even with the logs!)
This example is a project status dashboard, fed from a project list.
But these bring their own headaches.Deployment,SupportUpgrades
In my opinion it’s about the cloud.MS wants to offer a platform that’sscalable.Moving the customisations as far away from that platform makes sense..
A large majority of Business and Home PC’s spend a massive amount of their time doing nothing.Several large Grid computing projects rely on thisNotably Folding@Home looking at causes of Cancer and other Degenerative diseases.And Seti@Home searching Radio Telescope signals for signs of ET!
Warning though, Some small format PC’s may struggle.I’ve had personal issues with ARM processor based systems
Cross-platform: Some browsers have different ways of handling some javascript.The use of jQuery helps alleviate this
BaseViewIDListTemplateTypeLoaded when the page is first processed.
This function is called for EACH item the list will render. E.g. If you have a list view with 20 items, this function will run 20 times and each time ctx.CurrentItem will the next item in the list.Note: Fields called in the view MUST be selected when the view is created.If time cover polluting the global namespace.
We only base this on BaseViewID.The field name is specified in the Templates collectionNote: Wer’re only affecting the View mode here.. But you can do Edit too.
.
You can do this directly through the UI,Or in SPD 2013
You can define List Views with JSLinks, or add them through PowerShellTokens courtesy of Martin Hatch’s blog~site – reference to the current SharePoint site (or “Web”)~sitecollection – reference to the current SharePoint site collection (or “Site”)~layouts – version specific reference to the web application Layouts folder (so it will automatically swap out /_layouts/14 or /_layouts/15 for you)~sitecollectionlayouts – reference to the layouts folder in the current site collection (e.g. /sites/team/_layouts/15)~sitelayouts – reference to the layouts folder in the current site (e.g. /sites/teams/subsite/_layouts/15)
Setting up the Field render on SPSUK Tasks.~sitecollection/_catalogs/masterpage/Display Templates/csr_ovr_PercentComplete_Field.js
Open the Developers Toolbar with F12Switch to the Script tagSelect the drop down near the “Start Debugging” buttonSelect our template fileStart Debugging
In the normal flow, IE makes the request directly to SharePoint.Fiddler injects itself as a proxy between your browser requests and the outbound network connection.This allows us to inspect and event alter the requests and responses being made
Using the demo we created earlier, we’ll show how to trap the code and step through.http://msdn.microsoft.com/library/ie/bg182326(v=vs.85) The F12 developer tools site.
If time, demo on site.
Martin Hatches blog has more details on some of the other breaking issues with Display templates.
If plenty of time (show the multiple list view issues)About my teamWeekly reportProject progressBlockbustersCountdown?