{"id":6525,"date":"2014-01-16T06:39:48","date_gmt":"2014-01-16T06:39:48","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=6525"},"modified":"2014-01-16T06:39:48","modified_gmt":"2014-01-16T06:39:48","slug":"listing-multi-select-field-data-in-a-vertical-format","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/","title":{"rendered":"Listing multi-select field data in a vertical format"},"content":{"rendered":"

Need to Know the \u201cBest Practices for Integrating Third Party Apps with Sage ERP X3\u2033 – Read Below<\/i><\/b>.<\/b><\/span>
\nData in a list format is easily readable and also more organized and presentable. Data for e.g. staff working on a particular project, or different products used by a particular customer have more than one item to them. If the same data is written in a horizontal format, in a single line, there are tendencies that some point \/ item may be overlooked. Hence, it is always preferred to have the multi-select field data in a vertical list format.
\nRecently, one of our Sage CRM projects required us to could change the look and feel of the output screen of the multi-select window to show the actual list in a vertical format which is easier to read rather than in a horizontal line.
\nRelated Post:<\/b><\/em><\/span> Creating User Multi Selects
\n<\/a>
\nBest Practices for Integrating Third Party apps with Sage ERP X3 \u2013<\/span> Join this session<\/a> on Saturday 8th February, 2014 16h10 \u2013 17h15 to walk through some Best Practices for integrating Third Party or your custom apps with Sage ERP X3 and how each of them is best suited for your app. Some technical points and tips and tricks to definitely consider before you start planning your integration.<\/span>
\n<\/i><\/b>Also, get a chance to meet the Greytrix Team Exhibiting at <\/b><\/span>Sage South Africa Annual Conference Sage Insights<\/b><\/a> 2014 from Thursday 6th \u2013 9th February 2014.
\n<\/span><\/b>To explain in brief, let\u2019s take an example of a project X, which requires a team of ten or more engineers and a team leader \/ project manager working on it. While entering their details in the CRM, the detail of the team leader \/ project manager is entered in the Primary Engineer field and the details of other support engineers are captured in the Secondary Engineer field. (Refer below screenshot)
\n\"Proj1\"<\/a>
\nHowever if you see the Secondary Engineers\u2019 field, it shows all the usernames in a horizontal format in two lines. Also the Created Date<\/i> field tends to get a little disturbed. (Created and Date on are on two different lines.)\u00a0When we remove the Secondary Engineers field from the screen, the data reflects as below.
\n\"Proj2\"<\/a>
\nSince the addition of Secondary Engineers field was disturbing the screen, the project required us to modify the look and feel of Secondary engineer field to show each name of user on new line in a vertical format.
\nHere are the steps that we have developed to get the desired results.
\n1) Navigate to Administration | Customization | Project.
\n2) Select Screens tab and click on the ProjectNewEntry<\/b> screen.
\n\"Proj3\"<\/a>
\n3) Copy and Paste below script in the Custom Content<\/b> section and Click on Save<\/b> button.
\n<script>
\nwindow.attachEvent(“onload”,ChangeDisplay);
\nfunction ChangeDisplay()
\n{
\n\/\/For View mode
\nif(!document.getElementById(“proj_users”))
\n{
\nvar strEngineers = _Dataproj_users.innerHTML;
\nre = \/,\/g;
\nstrEngineers = strEngineers.replace(re, “<BR>”);
\n_Dataproj_users.innerHTML = strEngineers;
\n}
\n}
\n<\/script>
\n\"Proj4\"<\/a>
\n4) Finally navigate to the Project Summary screen and you will see the usernames are arranged one below another as seen in the screenshot below.
\n\"Proj5\"<\/a>
\nThe screen now looks well-organized and data is easily readable.
\nAlso Read:
\n<\/b>1) Allowing multi selection search on a single select field
\n<\/a>2) Making fields Read-only at runtime based on some criteria
\n<\/a>3) Add Divider or Subsection for existing screen in Sage CRM
\n<\/a>4) How the address is arranged over multiple lines?
\n<\/a>5) Setting Default Values in CRM<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Need to Know the \u201cBest Practices for Integrating Third Party Apps with Sage ERP X3\u2033 – Read Below. Data in a list format is easily readable and also more organized and presentable. Data for e.g. staff working on a particular project, or different products used by a particular customer have more than one item to\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[83,219,220,254,332],"tags":[833,1176,1532,1534,1655,2010,2030,2031,2033,2557],"class_list":["post-6525","post","type-post","status-publish","format-standard","hentry","category-crm72","category-list","category-lists","category-multiselect-sage-crm","category-sage-crm","tag-crm7-0","tag-format","tag-list","tag-lists","tag-multiselect","tag-sage-crm","tag-sage-crm-7-0","tag-sage-crm-7-1","tag-sage-crm-7-2","tag-vertical"],"yoast_head":"\nListing multi-select field data in a vertical format - 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\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Listing multi-select field data in a vertical format - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"Need to Know the \u201cBest Practices for Integrating Third Party Apps with Sage ERP X3\u2033 – Read Below. Data in a list format is easily readable and also more organized and presentable. Data for e.g. staff working on a particular project, or different products used by a particular customer have more than one item to\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2014-01-16T06:39:48+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/01\/Proj1.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=\"3 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\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/\",\"name\":\"Listing multi-select field data in a vertical format - Sage CRM \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/01\/Proj1.jpg\",\"datePublished\":\"2014-01-16T06:39:48+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/01\/Proj1.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/01\/Proj1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Listing multi-select field data in a vertical format\"}]},{\"@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":"Listing multi-select field data in a vertical format - 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\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/","og_locale":"en_US","og_type":"article","og_title":"Listing multi-select field data in a vertical format - Sage CRM \u2013 Tips, Tricks and Components","og_description":"Need to Know the \u201cBest Practices for Integrating Third Party Apps with Sage ERP X3\u2033 – Read Below. Data in a list format is easily readable and also more organized and presentable. Data for e.g. staff working on a particular project, or different products used by a particular customer have more than one item to\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2014-01-16T06:39:48+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/01\/Proj1.jpg","type":"","width":"","height":""}],"author":"greysagecrm","twitter_card":"summary_large_image","twitter_misc":{"Written by":"greysagecrm","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/","name":"Listing multi-select field data in a vertical format - Sage CRM \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/01\/Proj1.jpg","datePublished":"2014-01-16T06:39:48+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/01\/Proj1.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/01\/Proj1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/01\/16\/listing-multi-select-field-data-in-a-vertical-format\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Listing multi-select field data in a vertical format"}]},{"@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\/6525","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=6525"}],"version-history":[{"count":0,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/6525\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=6525"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=6525"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=6525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}