Just wanted to keep all the content on this blog and other sources in order and easier to find.
Posts (this site)
- JS Link in SharePoint – Choose your Path Forward
- The Future of SharePoint – Without(?) CSR and JS Link
- JSLink – Hello World
- JSLink – for SharePoint 2013 Web parts – A Quick Functional Primer (kind of out of date, but with some interesting background info)
- JSLink – CSR to Override “No Items to show in view”
- JSLink – Using CSR for KPIs
- JSLink – Highlighting a Row with CSR
- JSLink – CSR View Conditional Formatting
- JSLink – CSR Simple View Field Formatting
- Finding Internal Names for SharePoint List Columns
- Using jQuery for CSR
- Display Links to SharePoint Item Attachments using CSR
- JSLink – Using the Lookup Column with CSR
- JSLink – Using the Person Column with CSR
- JSLink – Filter on a Lookup Column with CSR
- JSLink – Creating Custom Links
- JSLink – Add Ellipsis to a Column
Templates and Examples (Files)
- CSR_AddEllipsis.js – Sample for adding the ellipsis menu to other columns (other than Title)
- CSR_TextInline.js – Simple text field override
- CSR_TextInline_Clean.js – Cleaner file without all the different HTML options
- CSR_TextInline_Multiple.js – See the syntax difference between one and more columns
- CSR_TextString.js – Building an override string
- CSR_TextArray.js – Building an override string using the ‘push’ array approach
- CSR_CondFormatField.js – Conditional formatting for text field override
- CSR_EmptyList.js – Override the message displayed by a web part when there are no items in the view
- CSR_ColumnHeader.js – Override the header text for view columns – Crude method (uses column number order)
- CSR_ColumnHeader2.js – The better way to override headers (uses column names)
- CSR_HideColumn.js – Sample for hiding a column [requires jQuery]
- CSR_CustomLinks.js – Build links to forms using the ID field
- CSR_ViewAttach.js – Used for displaying list attachments in a list view (post listed above)
- CSR_ClearLookup.js – Display Lookup value but remove the URL link from a Lookup column
- CSR_LookupSelfFilter.js – Filters a view (current page) by clicking the lookup value
- CSR_Utility.js [Dev] – This is v1… Currently under construction – by Raymond Mitchell
- CSR_ HideColumnUtility.js – Example using CSR_Utility.js to hide columns – by Raymond Mitchell
- CSR_AdRotate1 – Used on spstc.com (can’t recall where source code originated from…) – from Raymond Mitchell
Presentations and Recordings
- (SPC14) Client-Side Rendering Demystified SPC318
- (SPC12) Customizing Sites and Pages in SharePoint 2013
- SharePoint Saturday Twin Cities (Oct. 2015) – Client-Side Rendering (CSR) Practical Examples, Tips and Tricks
Microsoft References and Pages
- [Coming]
Other Blogs and Resources
I have to personally thank you after spending a day searching the web for decent CSR tutorials. Your first “primer” post ensured everything made sense immediately (despite many previous articles lacking) and your code examples above…wow. I now have all the tools I need to feel confident making more elegant display templates. Thank you Wes!