{"id":24351,"date":"2020-07-20T05:54:56","date_gmt":"2020-07-20T05:54:56","guid":{"rendered":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=24351"},"modified":"2020-07-20T05:54:58","modified_gmt":"2020-07-20T05:54:58","slug":"controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/","title":{"rendered":"Controlling column\u2019s width in List or Grid using Client Side API in Sage CRM \u2013 Part 2"},"content":{"rendered":"\n

Sage CRM<\/a> has always been flexible enough to modify the look and feel of screens, lists, or grids. With the help of Standard CRM methods in combination with Client-side API, implementers can easily make such modifications to achieve business requirements. You can refer to our below post wherein we have explained part 1 of this topic.<\/p>\n\n\n\n

Related Post:<\/strong><\/em> Controlling column\u2019s width in List or Grid using Client Side API in Sage CRM<\/a><\/p>\n\n\n\n

In our earlier post, we\nexplained how to wrap the text as well as resize the column\u2019s width\nto fit with other columns in the list or grid. In this article, we\nwill explain how to define the size of a respective column to avoid\nthe column text from getting wrapped and continuing from next line.<\/p>\n\n\n\n

As you can see in below screenshot, the standard opportunity list has a column which displays Opportunity description. However, if the user tends to add a long description the data is wrapped to a new line.<\/p>\n\n\n\n

\"Standard<\/a>\n\n
Standard Opportunity List<\/i><\/center><\/font><\/p><\/figure><\/div>\n\n\n\n

Based on one of our client\u2019s request, we were asked to customize the list to display the text in one line rather than letting it wrapped. To achieve this, we thought of using Client Side API as explained further \u2013 <\/p>\n\n\n\n

  1. Go To, Administration\u2013>Customization\u2013> Opportunity<\/strong> and click on Lists Tab. From the list of options, open the list you want to make the changes for example Opportunity List and click on hyperlink.<\/li>
  2. In Opportunity List screen, Add below code in Custom Content of the screen and save the changes.<\/li><\/ol>\n\n\n\n
    \"Custom<\/a>\n\n
    Custom Content Code<\/i><\/center><\/font><\/p><\/figure><\/div>\n\n\n\n

    Once the changes are saved, you can see that the list or grids column\u2019s width is increased as per the width set to column. Below is the screenshot of the same –<\/p>\n\n\n\n

    \"Customized<\/a>\n\n
    Customized Opportunity List<\/i><\/center><\/font><\/p><\/figure>\n\n\n\n

    In this way you can control any column\u2019s 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":"

    Sage CRM has always been flexible enough to modify the look and feel of screens, lists, or grids. With the help of Standard CRM methods in combination with Client-side API, implementers can easily make such modifications to achieve business requirements. You can refer to our below post wherein we have explained part 1 of this\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":[2,68,73,137,169,209,212,216,219,220,332,335,3986,3987,352,367,426],"tags":[685,4088,4087,855,4182,1223,1532,4181],"class_list":["post-24351","post","type-post","status-publish","format-standard","hentry","category-net-api","category-column","category-configuration","category-entity","category-grids","category-layouts","category-length","category-limit","category-list","category-lists","category-sage-crm","category-sage-crm-2018-crm72","category-sage-crm-2019-r1-sage-crm-2018-crm72","category-sage-crm-2019-r1-sage-crm","category-script","category-size-sage-crm","category-visibility","tag-client-side-api","tag-client-side-api-in-sage-crm","tag-controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm","tag-custom-content","tag-data-wrapping","tag-grid","tag-list","tag-size-of-a-respective-column"],"yoast_head":"\nControlling column\u2019s width in List or Grid using Client Side API in Sage CRM \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\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Controlling column\u2019s width in List or Grid using Client Side API in Sage CRM \u2013 Part 2 - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"Sage CRM has always been flexible enough to modify the look and feel of screens, lists, or grids. With the help of Standard CRM methods in combination with Client-side API, implementers can easily make such modifications to achieve business requirements. You can refer to our below post wherein we have explained part 1 of this\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2020-07-20T05:54:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-07-20T05:54:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/07\/Standard-Opportunity-List-1024x647.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\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/\",\"name\":\"Controlling column\u2019s width in List or Grid using Client Side API in Sage CRM \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\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/07\/Standard-Opportunity-List-1024x647.jpg\",\"datePublished\":\"2020-07-20T05:54:56+00:00\",\"dateModified\":\"2020-07-20T05:54:58+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/402abe5da07cd7f9bfeb6acfa41fae39\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/#primaryimage\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/07\/Standard-Opportunity-List-1024x647.jpg\",\"contentUrl\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/07\/Standard-Opportunity-List-1024x647.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Controlling column\u2019s width in List or Grid using Client Side API in Sage CRM \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\/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\u2019s width in List or Grid using Client Side API in Sage CRM \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\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/","og_locale":"en_US","og_type":"article","og_title":"Controlling column\u2019s width in List or Grid using Client Side API in Sage CRM \u2013 Part 2 - Sage CRM \u2013 Tips, Tricks and Components","og_description":"Sage CRM has always been flexible enough to modify the look and feel of screens, lists, or grids. With the help of Standard CRM methods in combination with Client-side API, implementers can easily make such modifications to achieve business requirements. You can refer to our below post wherein we have explained part 1 of this\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2020-07-20T05:54:56+00:00","article_modified_time":"2020-07-20T05:54:58+00:00","og_image":[{"url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/07\/Standard-Opportunity-List-1024x647.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\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/","name":"Controlling column\u2019s width in List or Grid using Client Side API in Sage CRM \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\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/07\/Standard-Opportunity-List-1024x647.jpg","datePublished":"2020-07-20T05:54:56+00:00","dateModified":"2020-07-20T05:54:58+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/402abe5da07cd7f9bfeb6acfa41fae39"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/#primaryimage","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/07\/Standard-Opportunity-List-1024x647.jpg","contentUrl":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2020\/07\/Standard-Opportunity-List-1024x647.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2020\/07\/20\/controlling-columns-width-in-list-or-grid-using-client-side-api-in-sage-crm-part-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Controlling column\u2019s width in List or Grid using Client Side API in Sage CRM \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\/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\/24351","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=24351"}],"version-history":[{"count":3,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/24351\/revisions"}],"predecessor-version":[{"id":24357,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/24351\/revisions\/24357"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=24351"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=24351"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=24351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}