{"id":23743,"date":"2020-03-02T08:49:00","date_gmt":"2020-03-02T08:49:00","guid":{"rendered":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=23743"},"modified":"2020-03-02T08:49:01","modified_gmt":"2020-03-02T08:49:01","slug":"controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/","title":{"rendered":"Controlling column’s width in List or Grid using Client Side API in Sage CRM"},"content":{"rendered":"\n

In Sage CRM<\/a>, modifying the look and feel of the Screens, lists or grids is managed through Client Side API or JQuery. Where Client Side API helps with the Standard CRM Methods to incorporate the changes, JQuery requires additional technical knowledge to make the changes. These methods are easily made available in Sage CRM Community.<\/p>\n\n\n\n

New Stuff: <\/em><\/strong>Define multiple Default Values in a multi-select field in Sage CRM<\/a><\/p>\n\n\n\n

Client\nSide API provides methods such as addIcon, background, bold, color,\nmaxLength, highlight, addColumn, getCellText etc, that helps to\nmodify the Lists or Grids in CRM. In this blog we will explain, how\nto change the column’s width in Lists or Grid using Client Side API.<\/p>\n\n\n\n

Many a times, Users tend to enter huge amount of content in the fields and the same field is displayed on List or Grid for reference. Adding this field in List or Grid consumes huge space thereby making it visually disturbing. As you can see in below screen shot.<\/p>\n\n\n\n

\n\"Huge<\/a>\n\n
Huge data in Column<\/i><\/center><\/font><\/p><\/figure>\n\n\n\n

Thus we customized the list to wrap the text as well as resize the column’s width to fit with other columns in the list or grid. To achieve this we used Client side API through the JavaScript codes. Below are the steps to follow –<\/p>\n\n\n\n

  1. Go To, Administration–>Customization–> Lead<\/strong> and click on Screens Tab. From the list of screens find the search screen for example LeadSearchBox and click on hyperlink.<\/li>
  2. From LeadSearchBox <\/strong>screen, Add below code in Custom Content<\/strong> of the screen and save the screen.<\/li><\/ol>\n\n\n\n
    \n\"Custom<\/a>\n\n
    Custom Content Code<\/i><\/center><\/font><\/p><\/figure>\n\n\n\n

    Once the changes are saved, you can see that the list or grids column’s width is decreased as per the width set to column. Below is the screen shot of the same.<\/p>\n\n\n\n

    \n\"Modified<\/a>\n\n
    Modified List’s Column width<\/i><\/center><\/font><\/p><\/figure>\n\n\n\n

    In this way you can control any column’s width in List or Grid as per your convenience in Sage CRM Client Side API.<\/p>\n\n\n\n

    About Us<\/strong><\/span><\/p>\n\n\n\n

    Greytrix \u2013 a globally recognized and one of the oldest Sage Development Partners is a one-stop solution provider for Sage ERP and Sage CRM organizational needs. Being acknowledged and rewarded for multi-man years of experience and expertise, we bring complete end-to-end assistance for your technical consultations, product customizations, data migration, system integrations, third-party add-on development, and implementation competence.<\/p>\n\n\n\n

    Greytrix\u00a0has some unique integration solutions developed for Sage CRM with Sage ERPs namely\u00a0Sage X3,\u00a0Sage Intacct,\u00a0Sage 100,\u00a0Sage 500,\u00a0and\u00a0Sage 300. We also offer best-in-class\u00a0Sage ERP\u00a0and\u00a0Sage CRM\u00a0customization and development services\u00a0to\u00a0Business\u00a0Partners,\u00a0End\u00a0Users, and Sage PSG worldwide. Greytrix\u00a0helps in\u00a0the migration of Sage CRM from\u00a0Salesforce | ACT! | SalesLogix | Goldmine | Sugar CRM | Maximizer. Our Sage CRM Product Suite includes\u00a0add-ons like\u00a0 Greytrix Business Manager,\u00a0Sage CRM Project Manager,\u00a0Sage CRM Resource Planner,\u00a0Sage CRM Contract Manager,\u00a0Sage CRM Event Manager,\u00a0Sage CRM Budget Planner,\u00a0Gmail Integration,\u00a0Sage CRM Mobile Service Signature,\u00a0Sage CRM CTI Framework.<\/gwmw><\/gwmw><\/gwmw><\/gwmw><\/gwmw><\/p>\n\n\n\n

    Greytrix is a recognized\u00a0Sage Champion Partner\u00a0for GUMU™ Sage X3 \u2013 Sage CRM integration listed on\u00a0Sage Marketplace and Sage CRM \u2013 Sage Intacct integration listed on Sage Intacct Marketplace. The GUMU™ Cloud framework by Greytrix forms the backbone of cloud integrations that are managed in real-time for the processing and execution of application programs at the click of a button.<\/gwmw><\/gwmw><\/gwmw><\/gwmw><\/gwmw><\/p>\n\n\n\n

    For more information on our integration solutions, please contact us at sage@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n","protected":false},"excerpt":{"rendered":"

    In Sage CRM, modifying the look and feel of the Screens, lists or grids is managed through Client Side API or JQuery. Where Client Side API helps with the Standard CRM Methods to incorporate the changes, JQuery requires additional technical knowledge to make the changes. These methods are easily made available in Sage CRM Community.\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[68,155,169,201,219,220,251,310,332,335,3986,351,352,401,423,424,426],"tags":[685,4088,4090,4087,855,4091,1475],"class_list":["post-23743","post","type-post","status-publish","format-standard","hentry","category-column","category-fields","category-grids","category-jquery","category-list","category-lists","category-multiline-text-sage-crm","category-records","category-sage-crm","category-sage-crm-2018-crm72","category-sage-crm-2019-r1-sage-crm-2018-crm72","category-screen-sage-crm","category-script","category-text-sage-crm","category-view","category-views","category-visibility","tag-client-side-api","tag-client-side-api-in-sage-crm","tag-column-width-in-list-or-grid","tag-controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm","tag-custom-content","tag-huge-amount-of-content-in-the-fields","tag-jquery"],"yoast_head":"\nControlling column's width in List or Grid using Client Side API in Sage CRM - 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\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Controlling column's width in List or Grid using Client Side API in Sage CRM - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"In Sage CRM, modifying the look and feel of the Screens, lists or grids is managed through Client Side API or JQuery. Where Client Side API helps with the Standard CRM Methods to incorporate the changes, JQuery requires additional technical knowledge to make the changes. These methods are easily made available in Sage CRM Community.\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2020-03-02T08:49:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-03-02T08:49:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/03\/Unnecessary_Space_List.jpg\" \/>\n<meta name=\"author\" content=\"Greytrix\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Greytrix\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/\",\"name\":\"Controlling column's width in List or Grid using Client Side API in Sage CRM - Sage CRM \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/03\/Unnecessary_Space_List.jpg\",\"datePublished\":\"2020-03-02T08:49:00+00:00\",\"dateModified\":\"2020-03-02T08:49:01+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/402abe5da07cd7f9bfeb6acfa41fae39\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/#primaryimage\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/03\/Unnecessary_Space_List.jpg\",\"contentUrl\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/03\/Unnecessary_Space_List.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Controlling column’s width in List or Grid using Client Side API in Sage CRM\"}]},{\"@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\/402abe5da07cd7f9bfeb6acfa41fae39\",\"name\":\"Greytrix\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g\",\"caption\":\"Greytrix\"},\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/author\/greytrix\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Controlling column's width in List or Grid using Client Side API in Sage CRM - 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\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/","og_locale":"en_US","og_type":"article","og_title":"Controlling column's width in List or Grid using Client Side API in Sage CRM - Sage CRM \u2013 Tips, Tricks and Components","og_description":"In Sage CRM, modifying the look and feel of the Screens, lists or grids is managed through Client Side API or JQuery. Where Client Side API helps with the Standard CRM Methods to incorporate the changes, JQuery requires additional technical knowledge to make the changes. These methods are easily made available in Sage CRM Community.\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2020-03-02T08:49:00+00:00","article_modified_time":"2020-03-02T08:49:01+00:00","og_image":[{"url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/03\/Unnecessary_Space_List.jpg","type":"","width":"","height":""}],"author":"Greytrix","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Greytrix","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/","name":"Controlling column's width in List or Grid using Client Side API in Sage CRM - Sage CRM \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/#primaryimage"},"thumbnailUrl":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/03\/Unnecessary_Space_List.jpg","datePublished":"2020-03-02T08:49:00+00:00","dateModified":"2020-03-02T08:49:01+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/402abe5da07cd7f9bfeb6acfa41fae39"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/#primaryimage","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/03\/Unnecessary_Space_List.jpg","contentUrl":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/03\/Unnecessary_Space_List.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/03\/02\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Controlling column’s width in List or Grid using Client Side API in Sage CRM"}]},{"@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\/402abe5da07cd7f9bfeb6acfa41fae39","name":"Greytrix","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g","caption":"Greytrix"},"url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/author\/greytrix\/"}]}},"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/23743","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/comments?post=23743"}],"version-history":[{"count":3,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/23743\/revisions"}],"predecessor-version":[{"id":23749,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/23743\/revisions\/23749"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=23743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=23743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=23743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}