{"id":3221,"date":"2012-12-26T07:40:15","date_gmt":"2012-12-26T07:40:15","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=3221"},"modified":"2012-12-26T07:40:15","modified_gmt":"2012-12-26T07:40:15","slug":"adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/","title":{"rendered":"Adding multiple Screen blocks on the same page based on different conditions in COM API"},"content":{"rendered":"<p>Here is the scenario.<br \/>\nWe were working on the mutual fund applications tracking. As you might be already familiar with, we need to collect all the necessary details of an applicant for filing application in the system. I am taking one of the scenarios out of design we had achieved.<br \/>\nThere is a First Applicant screen.<br \/>\n<a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen1.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-3222\" title=\"screen1\" src=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen1.jpg\" alt=\"\" width=\"1010\" height=\"452\" \/><\/a><br \/>\nThis screen captures basic demographics and primary address. Now If I select NRI in Tax Status field we need to populate one more screen to capture overseas address details at runtime.<br \/>\n<a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen2.jpg\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-3223\" title=\"screen2\" src=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen2.jpg\" alt=\"\" width=\"1010\" height=\"636\" \/><\/a><br \/>\nHere is how this can be achieved at runtime.<br \/>\n1. First of all you have to add two basic blocks in Container box as shown below.<br \/>\n\/\/\u2019Define container<br \/>\nContainer = eWare.GetBlock(&#8220;Container&#8221;);<br \/>\nContainer.DisplayButton(Button_Default) = false;<br \/>\n\/\/&#8217;First applicant<br \/>\nFirstApplicantDetails = eWare.GetBlock(&#8220;FirstApplicantDetails&#8221;)<br \/>\nFirstApplicantDetails.Title = &#8220;First Applicant Details&#8221;;<br \/>\nFirstApplicantDetails.CheckLocks = false;<br \/>\nContainer.AddBlock(FirstApplicantDetails);<br \/>\n\/\/\u2019Primary address<br \/>\nFirstApplicantAddressDetails = eWare.GetBlock(&#8220;FirstApplicantAddressDetails&#8221;)<br \/>\nFirstApplicantAddressDetails.Title = &#8220;Address Details of First Applicant&#8221;;<br \/>\nFirstApplicantAddressDetails.CheckLocks = false;<br \/>\nContainer.AddBlock(FirstApplicantAddressDetails);<br \/>\n2. Now let us add a Hidden variable to the container in order to save our submission action.<br \/>\nHdnContainer = eWare.GetBlock(&#8220;Content&#8221;);<br \/>\nHdnContainer.Contents +=\u00a0<em>&#8220;&lt; input type=hidden id=HdnAction name=HdnAction value=&#8217; &#8216; &gt;&#8221;<\/em><br \/>\nContainer.AddBlock(HdnContainer)<br \/>\n3. We will set the above hidden variable in order to understand that we have to load the NRI address details screen. Hence to trap the onchange we have to write below code on onchange script of the field Tax Status of first applicant details block.<br \/>\nfunction fnOnchange()<br \/>\n{<br \/>\n\/\/\u2019Get tax status value<br \/>\nvar sTaxtStatus = new String(document.EntryForm.fiap_taxstatus.value)<br \/>\nif(sTaxtStatus==\u201d\u201d || sTaxtStatus==\u201dnull\u201d || sTaxtStatus==\u201dundefined\u201d) sTaxtStatus=\u201d\u201d<br \/>\n\/\/\u2019Set the value in hidden variable and submit the form<br \/>\nIf(sTaxtStatus==\u201dNRI\u201d)<br \/>\n{<br \/>\ndocument.EntryForm.hdnAction.value = \u201ct\u201d;<br \/>\ndocument.EntryForm.submit();<br \/>\n}<br \/>\n}<br \/>\nNow we can read the values of this hidden variable from server side on next load and write below code to add new screen to container.<br \/>\nvar sHdnAction = new String(Request.Form(\u201chdnAction\u201d))<br \/>\nif(sHdnAction==\u201dt\u201d)<br \/>\n{<br \/>\nNRIAddressDetails = eWare.GetBlock(&#8220;NRIAddressDetails&#8221;)<br \/>\nNRIAddressDetails.Title = &#8220;Address Details of Overseas Resident Applicant&#8221;;<br \/>\nNRIAddressDetails.CheckLocks = false;<br \/>\n}<br \/>\nContainer.AddBlock(NRIAddressDetails);<br \/>\nThis is how we can conditionally add screen blocks to the page to hide show the blocks as per our requirement.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here is the scenario. We were working on the mutual fund applications tracking. As you might be already familiar with, we need to collect all the necessary details of an applicant for filing application in the system. I am taking one of the scenarios out of design we had achieved. There is a First Applicant\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/\">Read More &raquo;<\/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":[29,253,332,351],"tags":[],"class_list":["post-3221","post","type-post","status-publish","format-standard","hentry","category-asp","category-multiple-screen","category-sage-crm","category-screen-sage-crm"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Adding multiple Screen blocks on the same page based on different conditions in COM API - 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\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Adding multiple Screen blocks on the same page based on different conditions in COM API - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"Here is the scenario. We were working on the mutual fund applications tracking. As you might be already familiar with, we need to collect all the necessary details of an applicant for filing application in the system. I am taking one of the scenarios out of design we had achieved. There is a First Applicant\u2026 Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2012-12-26T07:40:15+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen1.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\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/\",\"name\":\"Adding multiple Screen blocks on the same page based on different conditions in COM API - Sage CRM \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen1.jpg\",\"datePublished\":\"2012-12-26T07:40:15+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen1.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding multiple Screen blocks on the same page based on different conditions in COM API\"}]},{\"@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":"Adding multiple Screen blocks on the same page based on different conditions in COM API - 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\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/","og_locale":"en_US","og_type":"article","og_title":"Adding multiple Screen blocks on the same page based on different conditions in COM API - Sage CRM \u2013 Tips, Tricks and Components","og_description":"Here is the scenario. We were working on the mutual fund applications tracking. As you might be already familiar with, we need to collect all the necessary details of an applicant for filing application in the system. I am taking one of the scenarios out of design we had achieved. There is a First Applicant\u2026 Read More &raquo;","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2012-12-26T07:40:15+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen1.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\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/","name":"Adding multiple Screen blocks on the same page based on different conditions in COM API - Sage CRM \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen1.jpg","datePublished":"2012-12-26T07:40:15+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen1.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2012\/12\/screen1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2012\/12\/26\/adding-multiple-screen-blocks-on-the-same-page-based-on-different-conditions-in-com-api\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Adding multiple Screen blocks on the same page based on different conditions in COM API"}]},{"@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\/3221","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=3221"}],"version-history":[{"count":0,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/3221\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=3221"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=3221"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=3221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}