{"id":13641,"date":"2017-01-18T12:42:55","date_gmt":"2017-01-18T12:42:55","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=13641"},"modified":"2017-01-18T12:42:55","modified_gmt":"2017-01-18T12:42:55","slug":"display-list-on-communication-screen-part-ii","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/","title":{"rendered":"Display List on Communication screen – Part II"},"content":{"rendered":"

In our previous blog, we have explained the functionality to display the list on Standard Communication screen by using HTML scripting. But, this time we will be explaining how to add communication list using JAVASCRIPT.
\nNew Stuff:\u00a0<\/em><\/strong>Promoting Quote to an Order issue<\/span><\/a><\/em><\/span>
\nHere, we were asked by our customer to display past communication records regarding the company on Communication Summary screen. Below are the steps we followed to achieve the same.
\nStep 1:<\/strong>
\nCreate Dummy field in Communication entity and add it on \u201cCustomCommunicationDetailBox\u201d<\/strong> screen.
\nStep 2:<\/strong>
\nAdd below script in \u201cCreate Script\u201d<\/em><\/strong> section of dummy field, as shown below.
\nvar UseID = 0;
\nvar BlockHTML = “”;
\nvar Entity = “Communication”;
\nvar EntityID = “Comm_CommunicationId”;
\nvar EntityList1 = “FFEPastCallHistoryList”;
\nvar sAct=new String(Values(“Act”));
\nif(sAct==”” || sAct==”null” || sAct==”undefined”)sAct=””;
\nvar Team = CurrentUser.user_primarychannelid;
\nvar EmpCode=””;
\nEmpCode=new String(Values(“comm_metisempcode”))
\nif(EmpCode==”” || EmpCode==”undefined” || EmpCode==”null”)
\n{
\nEmpCode=new String(FormValues(“comm_metisempcode”))
\nif(EmpCode==”” || EmpCode==”undefined” || EmpCode==”null”)
\n{
\nEmpCode=new String(eWare.GetContextInfo(“communication”,”comm_metisempcode”));
\n}
\n}
\nif(Team==”6″)
\n{
\nif(sAct==”364″ || sAct==”363″)
\n{
\nvar strEntityID = new String(eWare.GetContextInfo(Entity,EntityID));
\nif(strEntityID==”” || strEntityID==”undefined” || strEntityID==”null”)
\n{
\nstrEntityID = new String(Request.QueryString(“Key6”));
\nif(strEntityID == “” || strEntityID == “undefined” || strEntityID == “null”)strEntityID = “0”;
\n}
\nif(strEntityID.indexOf(‘,’) > 0)
\n{
\nvar Idarr = strEntityID.split(“,”);
\nUseID = Idarr[0];
\n}
\nelse
\nUseID = strEntityID;
\nif(UseID!=”0″)
\n{
\n\/\/Block 1
\nvar PurposeSelectSQL = “”;
\nPurposeSelectSQL = ” select * from vFFEPastCallHistory “;
\nPurposeSelectSQL += ” where case_ticketempcode = ‘”+EmpCode+”‘ “;
\nvar PurposePanel = CRM.GetBlock(EntityList1);
\nPurposePanel.Title = “Past Call History Details”;
\nPurposePanel.DisplayButton(“1”) = false;
\nPurposePanel.DisplayForm = false;
\nPurposePanel.width = ‘90%’;
\nPurposePanel.SelectSQL = PurposeSelectSQL;
\nPurposePanel.PadBottom = false;
\nPurposeBlockHTML = PurposePanel.Execute();
\n}
\nCaption = “”;
\nCaption += CRM.GetTrans(“scripttags”, “scriptopen”);
\nCaption += “var strPurposeBlockHTML ='”;
\nCaption += escape(PurposeBlockHTML);
\nCaption += “‘;”;
\nCaption += CRM.GetTrans(“scripttags”, “scriptclose”);
\n}
\nelse
\n{
\nHidden=true;
\n}
\n}
\nelse
\n{
\nHidden=true;
\n}
\n\"\"<\/a>
\nStep 3:<\/strong>
\nCall below function in On Load method of your Custom.js page to display the required panel i.e. List on screen.
\nfunction WritePanel()
\n{
\ntry
\n{
\nvar sAct = crm.getArg(“Act”,crm.url());
\nif(sAct==”364″ || sAct==”363″)
\n{
\nvar oTableElement= $(“form table:first”).find(“tr:last”);
\nvar strPurposeTD=””;
\nstrPurposeTD = “<TR><TD colspan=3 width=1px><\/TD><\/TR>”;
\nstrPurposeTD += unescape(strPurposeBlockHTML);
\nvar PurposeContainer = document.createElement(“tr”);
\nPurposeContainer.id=”purpose-container”;
\nif ( $.browser.msie ) {
\nPurposeContainer.width=”100%”
\nPurposeContainer.innerHTML = strPurposeTD
\n}
\noTableElement.after(PurposeContainer)
\nif (!$.browser.msie )
\n{
\n$(“#purpose-container”).html(strPurposeTD);
\n}
\n$(“#purpose-container”).find(“td:first”).attr(“colspan”,”3″)
\nvar PurposeHtml = $(“#purpose-container”).find(“tr:first”).html();
\n$(“#comm_dummy”).hide();
\n$(“#purpose-container”).html(PurposeHtml);
\n$(“#purpose-container”).insertBefore($(“#MeetingPlanner”));
\n$(“#purpose-container table”).each(function(){
\n$(this).attr(“width”,”100%”)
\n});
\n}
\n}
\ncatch(e)
\n{
\n}
\n}
\nAfter applying this script, you will be able to see the List on Communication\u2019s Summary Screen, as shown below.
\n\"\"<\/a>
\nEnjoy Scripting..!! \ud83d\ude42
\nAlso Read:<\/strong><\/em><\/span>
\n1.<\/strong> Display List on Communication screen<\/a>
\n2.<\/strong> Show multiple Panel\/Lists on a screen using .NET API<\/a>
\n3.<\/strong> How to give Name in Communication List for Attachment column<\/a>
\n4.<\/strong> Apply underline to a Column Header in List or Grid<\/a>
\n5.<\/strong> Control Column Visibility in Sage CRM Grids and Lists<\/a>
\n <\/p>\n","protected":false},"excerpt":{"rendered":"

In our previous blog, we have explained the functionality to display the list on Standard Communication screen by using HTML scripting. But, this time we will be explaining how to add communication list using JAVASCRIPT. New Stuff:\u00a0Promoting Quote to an Order issue Here, we were asked by our customer to display past communication records regarding\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":[70,93,200,219,277,332,342],"tags":[781,880,881,985,2347,2348],"class_list":["post-13641","post","type-post","status-publish","format-standard","hentry","category-communication","category-custom-fields","category-javascript-sage-crm","category-list","category-panel","category-sage-crm","category-sage-crm7-3","tag-create-script","tag-custom-js","tag-customcommunicationdetailbox","tag-display-list-on-communication-screen","tag-standard-communication-screen-by-using-javascipt","tag-standard-communications-creen-by-using-html-scripting"],"yoast_head":"\nDisplay List on Communication screen - Part II - 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\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Display List on Communication screen - Part II - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"In our previous blog, we have explained the functionality to display the list on Standard Communication screen by using HTML scripting. But, this time we will be explaining how to add communication list using JAVASCRIPT. New Stuff:\u00a0Promoting Quote to an Order issue Here, we were asked by our customer to display past communication records regarding\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-18T12:42:55+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/01\/IMG01-1024x421.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=\"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\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/\",\"name\":\"Display List on Communication screen - Part II - Sage CRM \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/01\/IMG01-1024x421.jpg\",\"datePublished\":\"2017-01-18T12:42:55+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/01\/IMG01-1024x421.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/01\/IMG01-1024x421.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Display List on Communication screen – Part II\"}]},{\"@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":"Display List on Communication screen - Part II - 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\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/","og_locale":"en_US","og_type":"article","og_title":"Display List on Communication screen - Part II - Sage CRM \u2013 Tips, Tricks and Components","og_description":"In our previous blog, we have explained the functionality to display the list on Standard Communication screen by using HTML scripting. But, this time we will be explaining how to add communication list using JAVASCRIPT. New Stuff:\u00a0Promoting Quote to an Order issue Here, we were asked by our customer to display past communication records regarding\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2017-01-18T12:42:55+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/01\/IMG01-1024x421.jpg","type":"","width":"","height":""}],"author":"greysagecrm","twitter_card":"summary_large_image","twitter_misc":{"Written by":"greysagecrm","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/","name":"Display List on Communication screen - Part II - Sage CRM \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/01\/IMG01-1024x421.jpg","datePublished":"2017-01-18T12:42:55+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/01\/IMG01-1024x421.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2017\/01\/IMG01-1024x421.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2017\/01\/18\/display-list-on-communication-screen-part-ii\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Display List on Communication screen – Part II"}]},{"@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\/13641","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=13641"}],"version-history":[{"count":0,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/13641\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=13641"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=13641"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=13641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}