{"id":786,"date":"2014-05-02T16:28:17","date_gmt":"2014-05-02T16:28:17","guid":{"rendered":"http:\/\/www.myfatblog.co.uk\/?p=786"},"modified":"2014-05-02T16:30:20","modified_gmt":"2014-05-02T16:30:20","slug":"sharepoint-2013-list-view-web-part-display-templates-debugging","status":"publish","type":"post","link":"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/","title":{"rendered":"SharePoint 2013 List View Web Part Display Templates for Debugging"},"content":{"rendered":"<p>With the launch of #SPCSR and inspired by the ultimate search debug template by @Eliostuyf, I decided to bring one of my old\u00a0display templates for debugging\u00a0a little more up to date and include some nice SharePoint 2013 styling for a common look and feel.<\/p>\n<p>I\u2019ve created two versions of the templates, Debug and DebugBrief. The first one shows a small amount of list information first, displaying things such as the list name, the list ID and the WPQ id, Immediately below this is the first list item on the page (and ONLY the first one!) with all of the available field names and their values displayed in table format.<a href=\"http:\/\/www.myfatblog.co.uk\/images\/BlogImages\/SharePoint-2013-List-View-Web-Part-Displ_F340\/SNAGHTML1da774a.png\"><img loading=\"lazy\" decoding=\"async\" style=\"margin: 5px auto; float: none; display: block; background-image: none;\" title=\"SNAGHTML1da774a\" src=\"http:\/\/www.myfatblog.co.uk\/images\/BlogImages\/SharePoint-2013-List-View-Web-Part-Displ_F340\/SNAGHTML1da774a_thumb.png\" alt=\"SNAGHTML1da774a\" width=\"308\" height=\"390\" border=\"0\" \/><\/a>The brief version is very similar, however instead of rendering any of the field values, it just renders a list of the field names as part of the list information table.<\/p>\n<p><a href=\"http:\/\/www.myfatblog.co.uk\/images\/BlogImages\/SharePoint-2013-List-View-Web-Part-Displ_F340\/SNAGHTML1dc9787.png\"><img loading=\"lazy\" decoding=\"async\" style=\"margin: 5px auto; border: 0px currentcolor; float: none; display: block; background-image: none;\" title=\"SNAGHTML1dc9787\" src=\"http:\/\/www.myfatblog.co.uk\/images\/BlogImages\/SharePoint-2013-List-View-Web-Part-Displ_F340\/SNAGHTML1dc9787_thumb.png\" alt=\"SNAGHTML1dc9787\" width=\"377\" height=\"393\" border=\"0\" \/><\/a><\/p>\n<p>These templates are currently configured for a BaseViewID of 1 and a ListTemplateType of 100, so if you need to use these for any lists other than Custom lists, be prepared to change them to the correct ListTemplateID (<a href=\"http:\/\/msdn.microsoft.com\/en-us\/library\/office\/microsoft.sharepoint.client.listtemplatetype.Aspx\">You can find these listed here.<\/a>.)<\/p>\n<p>Both of these are <a href=\"https:\/\/github.com\/SPCSR\/DisplayTemplates\/tree\/master\/JavaScript%20Display%20Templates%20(JSLink)\/Debugging%20ListView%20Template\">available now in the #SPCSR repository<\/a> and I very much hope that you will find them useful.<\/p>\n<p>Paul.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With the launch of #SPCSR and inspired by the ultimate search debug template by @Eliostuyf, I decided to bring one of my old\u00a0display templates for debugging\u00a0a little more up to date and include some nice SharePoint 2013 styling for a common look and feel. I\u2019ve created two versions of the templates, Debug and DebugBrief. The &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/\">Continue reading<\/a><\/p>\n","protected":false},"author":2,"featured_media":777,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[138,96,104,51,70,103],"tags":[197,186],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>SharePoint 2013 List View Web Part Display Templates for Debugging - Blog of an overweight SharePoint addict<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SharePoint 2013 List View Web Part Display Templates for Debugging - Blog of an overweight SharePoint addict\" \/>\n<meta property=\"og:description\" content=\"With the launch of #SPCSR and inspired by the ultimate search debug template by @Eliostuyf, I decided to bring one of my old\u00a0display templates for debugging\u00a0a little more up to date and include some nice SharePoint 2013 styling for a common look and feel. I\u2019ve created two versions of the templates, Debug and DebugBrief. The &hellip; Continue reading\" \/>\n<meta property=\"og:url\" content=\"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog of an overweight SharePoint addict\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-02T16:28:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-05-02T16:30:20+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.myfatblog.co.uk\/wp-content\/uploads\/2014\/04\/SPCSRLogoOnly250.png\" \/>\n\t<meta property=\"og:image:width\" content=\"250\" \/>\n\t<meta property=\"og:image:height\" content=\"250\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cimares\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@cimares\" \/>\n<meta name=\"twitter:site\" content=\"@cimares\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cimares\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/\",\"url\":\"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/\",\"name\":\"SharePoint 2013 List View Web Part Display Templates for Debugging - Blog of an overweight SharePoint addict\",\"isPartOf\":{\"@id\":\"http:\/\/www.myfatblog.co.uk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.myfatblog.co.uk\/wp-content\/uploads\/2014\/04\/SPCSRLogoOnly250.png\",\"datePublished\":\"2014-05-02T16:28:17+00:00\",\"dateModified\":\"2014-05-02T16:30:20+00:00\",\"author\":{\"@id\":\"http:\/\/www.myfatblog.co.uk\/#\/schema\/person\/55ae8f6885bb5b8390dad001f3da83c6\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/#primaryimage\",\"url\":\"http:\/\/www.myfatblog.co.uk\/wp-content\/uploads\/2014\/04\/SPCSRLogoOnly250.png\",\"contentUrl\":\"http:\/\/www.myfatblog.co.uk\/wp-content\/uploads\/2014\/04\/SPCSRLogoOnly250.png\",\"width\":250,\"height\":250,\"caption\":\"#SPCSR\"},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/www.myfatblog.co.uk\/#website\",\"url\":\"http:\/\/www.myfatblog.co.uk\/\",\"name\":\"Blog of an overweight SharePoint addict\",\"description\":\"The rantings of a (not so) food obsessed IT consultant!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/www.myfatblog.co.uk\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"http:\/\/www.myfatblog.co.uk\/#\/schema\/person\/55ae8f6885bb5b8390dad001f3da83c6\",\"name\":\"Cimares\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"http:\/\/www.myfatblog.co.uk\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/www.myfatblog.co.uk\/images\/BlogImages\/About_D057\/TopOfTheWorld.jpg\",\"contentUrl\":\"http:\/\/www.myfatblog.co.uk\/images\/BlogImages\/About_D057\/TopOfTheWorld.jpg\",\"caption\":\"Cimares\"},\"sameAs\":[\"http:\/\/www.myfatblog.co.uk\"],\"url\":\"http:\/\/www.myfatblog.co.uk\/index.php\/author\/reginald\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"SharePoint 2013 List View Web Part Display Templates for Debugging - Blog of an overweight SharePoint addict","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/","og_locale":"en_US","og_type":"article","og_title":"SharePoint 2013 List View Web Part Display Templates for Debugging - Blog of an overweight SharePoint addict","og_description":"With the launch of #SPCSR and inspired by the ultimate search debug template by @Eliostuyf, I decided to bring one of my old\u00a0display templates for debugging\u00a0a little more up to date and include some nice SharePoint 2013 styling for a common look and feel. I\u2019ve created two versions of the templates, Debug and DebugBrief. The &hellip; Continue reading","og_url":"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/","og_site_name":"Blog of an overweight SharePoint addict","article_published_time":"2014-05-02T16:28:17+00:00","article_modified_time":"2014-05-02T16:30:20+00:00","og_image":[{"width":250,"height":250,"url":"http:\/\/www.myfatblog.co.uk\/wp-content\/uploads\/2014\/04\/SPCSRLogoOnly250.png","type":"image\/png"}],"author":"Cimares","twitter_card":"summary_large_image","twitter_creator":"@cimares","twitter_site":"@cimares","twitter_misc":{"Written by":"Cimares","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/","url":"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/","name":"SharePoint 2013 List View Web Part Display Templates for Debugging - Blog of an overweight SharePoint addict","isPartOf":{"@id":"http:\/\/www.myfatblog.co.uk\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/#primaryimage"},"image":{"@id":"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/#primaryimage"},"thumbnailUrl":"http:\/\/www.myfatblog.co.uk\/wp-content\/uploads\/2014\/04\/SPCSRLogoOnly250.png","datePublished":"2014-05-02T16:28:17+00:00","dateModified":"2014-05-02T16:30:20+00:00","author":{"@id":"http:\/\/www.myfatblog.co.uk\/#\/schema\/person\/55ae8f6885bb5b8390dad001f3da83c6"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.myfatblog.co.uk\/index.php\/2014\/05\/sharepoint-2013-list-view-web-part-display-templates-debugging\/#primaryimage","url":"http:\/\/www.myfatblog.co.uk\/wp-content\/uploads\/2014\/04\/SPCSRLogoOnly250.png","contentUrl":"http:\/\/www.myfatblog.co.uk\/wp-content\/uploads\/2014\/04\/SPCSRLogoOnly250.png","width":250,"height":250,"caption":"#SPCSR"},{"@type":"WebSite","@id":"http:\/\/www.myfatblog.co.uk\/#website","url":"http:\/\/www.myfatblog.co.uk\/","name":"Blog of an overweight SharePoint addict","description":"The rantings of a (not so) food obsessed IT consultant!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/www.myfatblog.co.uk\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"http:\/\/www.myfatblog.co.uk\/#\/schema\/person\/55ae8f6885bb5b8390dad001f3da83c6","name":"Cimares","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/www.myfatblog.co.uk\/#\/schema\/person\/image\/","url":"http:\/\/www.myfatblog.co.uk\/images\/BlogImages\/About_D057\/TopOfTheWorld.jpg","contentUrl":"http:\/\/www.myfatblog.co.uk\/images\/BlogImages\/About_D057\/TopOfTheWorld.jpg","caption":"Cimares"},"sameAs":["http:\/\/www.myfatblog.co.uk"],"url":"http:\/\/www.myfatblog.co.uk\/index.php\/author\/reginald\/"}]}},"_links":{"self":[{"href":"http:\/\/www.myfatblog.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/786"}],"collection":[{"href":"http:\/\/www.myfatblog.co.uk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.myfatblog.co.uk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.myfatblog.co.uk\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.myfatblog.co.uk\/index.php\/wp-json\/wp\/v2\/comments?post=786"}],"version-history":[{"count":3,"href":"http:\/\/www.myfatblog.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/786\/revisions"}],"predecessor-version":[{"id":789,"href":"http:\/\/www.myfatblog.co.uk\/index.php\/wp-json\/wp\/v2\/posts\/786\/revisions\/789"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.myfatblog.co.uk\/index.php\/wp-json\/wp\/v2\/media\/777"}],"wp:attachment":[{"href":"http:\/\/www.myfatblog.co.uk\/index.php\/wp-json\/wp\/v2\/media?parent=786"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.myfatblog.co.uk\/index.php\/wp-json\/wp\/v2\/categories?post=786"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.myfatblog.co.uk\/index.php\/wp-json\/wp\/v2\/tags?post=786"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}