(function () {
  
//Redefine RenderListView with our override
    var overrideContext = {};
    overrideContext.Templates = {};
    overrideContext.Templates.Header = renderHeader;
    overrideContext.Templates.Item = renderItem;
    overrideContext.Templates.Footer = renderFooter;
    window.SPClientTemplates.TemplateManager.RegisterTemplateOverrides(overrideContext);
})();

// Create the header.
function renderHeader() {
    if (ctx.ListTitle == "ListTitle") {

        var headerHtml = "<div id='header'> Header </div>";
        return headerHtml;

    } else {
        //Return the default Header Template
    	return RenderHeaderTemplate(ctx);
    }
}

// Create the item.
function renderItem() {
    if (ctx.ListTitle == "ListTitle") {

    var title = ctx.CurrentItem["Title"]; 

    var itemHtml = "<div id='Item'>" + title + "</div><br/>"; 

    return itemHtml;

    } else {
        //Return the default Item Template
    	return RenderItemTemplate(ctx);
    }
}

// Create the footer and modify the layout.
function renderFooter() {
    if (ctx.ListTitle == "ListTitle") {
        
        var footerHtml = "<div id='footer'></div>";
        return footerHtml;  

    }else {
        //Return the default Footer Template
    	return RenderFooterTemplate(ctx);
    }
}