{"id":12918,"date":"2016-06-21T06:08:40","date_gmt":"2016-06-21T06:08:40","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=12918"},"modified":"2022-11-04T10:18:29","modified_gmt":"2022-11-04T10:18:29","slug":"center-align-listgrid-data","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/","title":{"rendered":"Center Align List\/Grid Data"},"content":{"rendered":"<p style=\"text-align: justify;\">Dear folks! Here comes one more exciting blog for you all. You all must be familiar of List\/Grid in CRM. It\u2019s nothing but tabular representation of the data present in your CRM. It contains \u201c<strong>Rows<\/strong>\u201d and \u201c<strong>Columns<\/strong>\u201d, columns starts from serial no \u201c<strong>0<\/strong>\u201d (i.e. the index value of the first column is \u201c<strong>0<\/strong>\u201d). Now, you all must be wondering why I am giving the detail explanation about the Lists\/Grids. To get your answer please continue reading below stuffs.<\/p>\n<p style=\"text-align: justify;\"><strong><em><span style=\"color: #993300;\">New Stuff:<\/span>\u00a0<\/em><\/strong><a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/10\/disable-double-click-property-on-ssa-field\/\" target=\"_blank\" rel=\"noopener\">Disable Double click property on SSA field<\/a><\/p>\n<p>Consider a requirement where you are asked to \u201c<strong>center align values of columns in a List<\/strong>\u201d. To understand it more clearly please find below images.<br \/>\n<a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG1.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-large wp-image-12919\" src=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG1-1024x306.jpg\" alt=\"IMG1\" width=\"595\" height=\"178\" \/><\/a><br \/>\nAbove image is the standard way of showing data in a list. Now suppose you want to center align column no. \u201c<strong>2<\/strong>\u201d,\u201d<strong>3<\/strong>\u201d, (i.e. \u201c<strong>Company name<\/strong>\u201d and \u201c<strong>Person<\/strong>\u201d). Simply call a function on page load and use below mentioned code.<br \/>\n<em>crm.Ready(function(){<\/em><br \/>\n<em>\u00a0crm.grids().rows().exec(function (index, currentCell) {<\/em><br \/>\n<em>\u00a0\u00a0\u00a0\u00a0 crm.grids().setCellAttribute($(currentCell).parent().index()-1,1,&#8221;align&#8221;, &#8220;center&#8221;)<\/em><br \/>\n<em>\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0crm.grids().setCellAttribute($(currentCell).parent().index()-1,2,&#8221;align&#8221;, &#8220;center&#8221;)\u00a0\u00a0<\/em><br \/>\n<em>\u00a0\u00a0 });<\/em><\/p>\n<p style=\"text-align: justify;\"><em>});<\/em><\/p>\n<p style=\"text-align: justify;\">Please find below image which shows the format of grid\/list before using above code.<\/p>\n<p><a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG2.png\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-12920\" src=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG2-1024x304.png\" alt=\"IMG2\" width=\"595\" height=\"177\" \/><\/a><br \/>\nAfter using above mentioned code the format changes as expected.<br \/>\n<a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG3.jpg\"><img decoding=\"async\" class=\"aligncenter size-large wp-image-12921\" src=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG3-1024x306.jpg\" alt=\"IMG3\" width=\"595\" height=\"178\" \/><\/a><br \/>\nSimilarly we can apply same logic for every columns in a Grid\/List.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dear folks! Here comes one more exciting blog for you all. You all must be familiar of List\/Grid in CRM. It\u2019s nothing but tabular representation of the data present in your CRM. It contains \u201cRows\u201d and \u201cColumns\u201d, columns starts from serial no \u201c0\u201d (i.e. the index value of the first column is \u201c0\u201d). Now, you\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/\">Read More &raquo;<\/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,219,220,332,1],"tags":[543,653,654,655,1227,1533],"class_list":["post-12918","post","type-post","status-publish","format-standard","hentry","category-grids","category-list","category-lists","category-sage-crm","category-uncategorized","tag-alignment","tag-center-align","tag-center-align-grid-data","tag-center-align-list-data","tag-grid-data","tag-list-data"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Center Align List\/Grid Data - 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\/21\/center-align-listgrid-data\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Center Align List\/Grid Data - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"Dear folks! Here comes one more exciting blog for you all. You all must be familiar of List\/Grid in CRM. It\u2019s nothing but tabular representation of the data present in your CRM. It contains \u201cRows\u201d and \u201cColumns\u201d, columns starts from serial no \u201c0\u201d (i.e. the index value of the first column is \u201c0\u201d). Now, you\u2026 Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-21T06:08:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-04T10:18:29+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG1-1024x306.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\/21\/center-align-listgrid-data\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/\",\"name\":\"Center Align List\/Grid Data - 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\/21\/center-align-listgrid-data\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG1-1024x306.jpg\",\"datePublished\":\"2016-06-21T06:08:40+00:00\",\"dateModified\":\"2022-11-04T10:18:29+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG1-1024x306.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG1-1024x306.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Center Align List\/Grid Data\"}]},{\"@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 &amp; 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":"Center Align List\/Grid Data - 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\/21\/center-align-listgrid-data\/","og_locale":"en_US","og_type":"article","og_title":"Center Align List\/Grid Data - Sage CRM \u2013 Tips, Tricks and Components","og_description":"Dear folks! Here comes one more exciting blog for you all. You all must be familiar of List\/Grid in CRM. It\u2019s nothing but tabular representation of the data present in your CRM. It contains \u201cRows\u201d and \u201cColumns\u201d, columns starts from serial no \u201c0\u201d (i.e. the index value of the first column is \u201c0\u201d). Now, you\u2026 Read More &raquo;","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2016-06-21T06:08:40+00:00","article_modified_time":"2022-11-04T10:18:29+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG1-1024x306.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\/21\/center-align-listgrid-data\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/","name":"Center Align List\/Grid Data - 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\/21\/center-align-listgrid-data\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG1-1024x306.jpg","datePublished":"2016-06-21T06:08:40+00:00","dateModified":"2022-11-04T10:18:29+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG1-1024x306.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2016\/06\/IMG1-1024x306.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2016\/06\/21\/center-align-listgrid-data\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Center Align List\/Grid Data"}]},{"@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 &amp; 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\/12918","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=12918"}],"version-history":[{"count":1,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/12918\/revisions"}],"predecessor-version":[{"id":26741,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/12918\/revisions\/26741"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=12918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=12918"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=12918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}