SharePoint 2013 - jCarousel Using CSR

Now, create the JavaScript for rendering the above ListView webpart as a carousel. In order for the list to be converted to a carousel, we need to override the

Before we override, we need to check if all the necessary files in Step 1 have been included in the page where the Cars List web part has been placed.

If not, we can do the same in this JavaScript file before the override scripts.

As a best practice, always create a namespace in JavaScript so that it acts as a module for related functions.

To load common files, I have created a namespace called commonFiles which has 2 functions - one for creating a script tag and the other for creating a link tag.

You will see the below after you click OK in the Edit webpart section.



Summary

CSR is an easy way to change the look and feel of the List View webpart.

Prior to Sharepoint 2013, rendering was done by XSLT but in SharePoint 2013, it has moved to client side rendering using JSLink webpart property.