JSLink change list view - JackHu88/Comm GitHub Wiki

Update field

(function () {


   function titleRenderer(ctx) {
       var item = ctx.CurrentItem;
       var title=item.Title;
       var id=item.ID;
       return '<a class="ms-listlink" href="../../SitePages/Review.aspx?iid='+id+'" target="_self">'+title+'</a>';  
    }



    function registerRenderer()
    {
      var context = {};
      context.Templates = {};
      context.Templates.Fields = {
        "LinkTitle": {"View": titleRenderer},
        "LinkTitleNoMenu": {"View": titleRenderer}
      };

      SPClientTemplates.TemplateManager.RegisterTemplateOverrides(context);
    } 
    ExecuteOrDelayUntilScriptLoaded(registerRenderer, 'clienttemplates.js');

})();

Update view style

https://blog.vgrem.com/2013/04/14/customize-the-rendering-of-a-list-view-in-sharepoint-2013-displaying-list-items-in-accordion/