{"id":12905,"date":"2016-06-08T09:13:41","date_gmt":"2016-06-08T09:13:41","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=12905"},"modified":"2016-06-08T09:13:41","modified_gmt":"2016-06-08T09:13:41","slug":"apply-underline-to-a-column-header-in-list-or-grid","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/","title":{"rendered":"Apply underline to a Column Header in List or Grid"},"content":{"rendered":"

Sage CRM<\/a> allow us to customize Lists, Grids through Client side API and JQuery. Using this we can easily change the look of a grid by applying CSS class or attributes.<\/p>\n

By default Sage CRM<\/a> does not highlight the columns header and sometimes it becomes difficult to recognize the header and actual value. But, this can be changed by adding a underline to column headers.<\/p>\n

New Stuff:\u00a0<\/em><\/strong>Hide Summary Report Button in Sage CRM<\/a><\/span><\/span><\/p>\n

Below are the steps that you need to follow:
\n1.<\/strong> Go to list where you want to show.
\n2.<\/strong> Add following script in list Custom Content.<\/p>\n

<script>
\ncrm.ready(function()
\n{
\n\/\/ Underline only sorted column head
\n$(‘.GRIDHEADLINK’).css(‘text-decoration’,’underline’);
\n});
\n<\/script><\/p>\n

List without header \u00a0 \u00a0 \u00a0\u00a0<\/em><\/strong>
\n\"1<\/a>
\nList with header<\/strong><\/em>
\n\"2<\/a>
\nAlso Read:<\/strong><\/em><\/span>
\n1.<\/strong> Grid Manipulation Using CSS<\/a>
\n2.<\/strong> Grid Manipulation Using CSS \u2013 Part 2<\/a>
\n3.<\/strong> Highlight All Grid Rows in Sage CRM v7.3<\/a>
\n4.<\/strong> Adding Image Under Status Column on Grid<\/a>
\n5.<\/strong> Control Column Visibility in Sage CRM Grids and Lists<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Sage CRM allow us to customize Lists, Grids through Client side API and JQuery. Using this we can easily change the look of a grid by applying CSS class or attributes. By default Sage CRM does not highlight the columns header and sometimes it becomes difficult to recognize the header and actual value. But, this\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[219,332,1],"tags":[703,855,1223,1314,1532,2489,2490],"class_list":["post-12905","post","type-post","status-publish","format-standard","hentry","category-list","category-sage-crm","category-uncategorized","tag-column-header","tag-custom-content","tag-grid","tag-header","tag-list","tag-underline","tag-underline-column-header"],"yoast_head":"\nApply underline to a Column Header in List or Grid - Sage CRM \u2013 Tips, Tricks and Components<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apply underline to a Column Header in List or Grid - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"Sage CRM allow us to customize Lists, Grids through Client side API and JQuery. Using this we can easily change the look of a grid by applying CSS class or attributes. By default Sage CRM does not highlight the columns header and sometimes it becomes difficult to recognize the header and actual value. But, this\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-08T09:13:41+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/1-Before-Change1.jpg\" \/>\n<meta name=\"author\" content=\"greysagecrm\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"greysagecrm\" \/>\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\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/\",\"name\":\"Apply underline to a Column Header in List or Grid - Sage CRM \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/1-Before-Change1.jpg\",\"datePublished\":\"2016-06-08T09:13:41+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/1-Before-Change1.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/1-Before-Change1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apply underline to a Column Header in List or Grid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\",\"name\":\"Sage CRM \u2013 Tips, Tricks and Components\",\"description\":\"Explore the possibilities with Sage CRM insights through our comprehensive blogs. As a leading Sage partner, Greytrix helps businesses maximize their Sage CRM potential with its rich expertise and immense knowledge. Here, you will find blogs that feature expert advice, tips & tricks, best practices, and comprehensive guides on customizing and configuring Sage CRM for your business. Stay informed with our regular updates and expert insights!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\",\"name\":\"greysagecrm\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g\",\"caption\":\"greysagecrm\"},\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/author\/greysagecrm\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Apply underline to a Column Header in List or Grid - Sage CRM \u2013 Tips, Tricks and Components","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":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/","og_locale":"en_US","og_type":"article","og_title":"Apply underline to a Column Header in List or Grid - Sage CRM \u2013 Tips, Tricks and Components","og_description":"Sage CRM allow us to customize Lists, Grids through Client side API and JQuery. Using this we can easily change the look of a grid by applying CSS class or attributes. By default Sage CRM does not highlight the columns header and sometimes it becomes difficult to recognize the header and actual value. But, this\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2016-06-08T09:13:41+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/1-Before-Change1.jpg","type":"","width":"","height":""}],"author":"greysagecrm","twitter_card":"summary_large_image","twitter_misc":{"Written by":"greysagecrm","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/","name":"Apply underline to a Column Header in List or Grid - Sage CRM \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/1-Before-Change1.jpg","datePublished":"2016-06-08T09:13:41+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/1-Before-Change1.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/1-Before-Change1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/08\/apply-underline-to-a-column-header-in-list-or-grid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Apply underline to a Column Header in List or Grid"}]},{"@type":"WebSite","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/","name":"Sage CRM \u2013 Tips, Tricks and Components","description":"Explore the possibilities with Sage CRM insights through our comprehensive blogs. As a leading Sage partner, Greytrix helps businesses maximize their Sage CRM potential with its rich expertise and immense knowledge. Here, you will find blogs that feature expert advice, tips & tricks, best practices, and comprehensive guides on customizing and configuring Sage CRM for your business. Stay informed with our regular updates and expert insights!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f","name":"greysagecrm","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c3b4325cb326e36467f945b9b9adf2bb85e907fe092d42eb36b39743b492e626?s=96&d=mm&r=g","caption":"greysagecrm"},"url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/author\/greysagecrm\/"}]}},"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/12905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/comments?post=12905"}],"version-history":[{"count":0,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/12905\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=12905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=12905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=12905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}