{"id":12792,"date":"2016-05-30T06:52:05","date_gmt":"2016-05-30T06:52:05","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=12792"},"modified":"2016-05-30T06:52:05","modified_gmt":"2016-05-30T06:52:05","slug":"grid-manipulation-using-css-part-2","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/","title":{"rendered":"Grid Manipulation Using CSS \u2013 Part 2"},"content":{"rendered":"

We all know that we can perform various functionalities with grid using CSS. From previous blog, we understood that how we can highlight Grid Header with specific colour in Sage CRM<\/a>. Now, in this blog, I will explain how we can apply border to a grid to make it more appealing.<\/p>\n

New Stuff:\u00a0<\/em><\/strong>How to increase search limit of Keyword Search<\/a><\/span><\/span><\/p>\n

To achieve this, follow the below steps –
\n1.<\/strong> Open .CSS file from your CRM directory (e.g. D:\\Program Files (x86)\\Sage\\CRM\\CRM\\WWWRoot\\Themes\\ergonomic.css)
\n2.<\/strong> At line no. 241, just put comment to border-left and border-right as shown below.
\n.GRIDHEAD
\n{
\nborder: 1px solid #4d4f53;
\n\/* border-left: none;
\nborder-right: 1px solid #dadada;*\/
\npadding: 0 0 0 7px!important;
\n}
\n3.<\/strong>\u00a0And, at line no 3693, add line \u201cborder: 1px solid #4d4f53\u201d.
\n.ROW1,.ROW1I,.ROW2,.ROW2I
\n{
\ncolor: #4d4f53;
\nfont-weight: light;
\nborder: 1px solid #4d4f53;
\n}
\n4.\u00a0<\/strong>Save the changes and see the grid with better look.
\nGrid before changes –\u00a0<\/strong><\/span>
\n\"IMG01\"<\/a>
\nGrid after changes –\u00a0<\/strong><\/span>
\n\"IMG02\"<\/a>
\nAlso Read:<\/em><\/strong><\/span>
\n1.<\/strong> Grid Manipulation using Client Side API<\/a>
\n2.<\/strong> Highlight All Grid Rows in Sage CRM v7.3<\/a>
\n3.<\/strong> Adding Image Under Status Column on Grid<\/a>
\n4.<\/strong> Client Side API to hide and show Column of grid<\/a>
\n5.<\/strong> Control Column Visibility in Sage CRM Grids and Lists<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

We all know that we can perform various functionalities with grid using CSS. From previous blog, we understood that how we can highlight Grid Header with specific colour in Sage CRM. Now, in this blog, I will explain how we can apply border to a grid to make it more appealing. New Stuff:\u00a0How to increase\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":[169,332,1],"tags":[843,1223,1224,1228,1230,2617],"class_list":["post-12792","post","type-post","status-publish","format-standard","hentry","category-grids","category-sage-crm","category-uncategorized","tag-css","tag-grid","tag-grid-changes","tag-grid-manipulation","tag-gridhead","tag-wwwroot"],"yoast_head":"\nGrid Manipulation Using CSS \u2013 Part 2 - 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\/05\/30\/grid-manipulation-using-css-part-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Grid Manipulation Using CSS \u2013 Part 2 - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"We all know that we can perform various functionalities with grid using CSS. From previous blog, we understood that how we can highlight Grid Header with specific colour in Sage CRM. Now, in this blog, I will explain how we can apply border to a grid to make it more appealing. New Stuff:\u00a0How to increase\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-30T06:52:05+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/05\/IMG01-1024x339.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\/05\/30\/grid-manipulation-using-css-part-2\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/\",\"name\":\"Grid Manipulation Using CSS \u2013 Part 2 - 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\/05\/30\/grid-manipulation-using-css-part-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/05\/IMG01-1024x339.jpg\",\"datePublished\":\"2016-05-30T06:52:05+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/05\/IMG01-1024x339.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/05\/IMG01-1024x339.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Grid Manipulation Using CSS \u2013 Part 2\"}]},{\"@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":"Grid Manipulation Using CSS \u2013 Part 2 - 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\/05\/30\/grid-manipulation-using-css-part-2\/","og_locale":"en_US","og_type":"article","og_title":"Grid Manipulation Using CSS \u2013 Part 2 - Sage CRM \u2013 Tips, Tricks and Components","og_description":"We all know that we can perform various functionalities with grid using CSS. From previous blog, we understood that how we can highlight Grid Header with specific colour in Sage CRM. Now, in this blog, I will explain how we can apply border to a grid to make it more appealing. New Stuff:\u00a0How to increase\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2016-05-30T06:52:05+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/05\/IMG01-1024x339.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\/05\/30\/grid-manipulation-using-css-part-2\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/","name":"Grid Manipulation Using CSS \u2013 Part 2 - 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\/05\/30\/grid-manipulation-using-css-part-2\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/05\/IMG01-1024x339.jpg","datePublished":"2016-05-30T06:52:05+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/05\/IMG01-1024x339.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/05\/IMG01-1024x339.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/05\/30\/grid-manipulation-using-css-part-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Grid Manipulation Using CSS \u2013 Part 2"}]},{"@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\/12792","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=12792"}],"version-history":[{"count":0,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/12792\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=12792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=12792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=12792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}