{"id":10909,"date":"2015-09-04T05:05:04","date_gmt":"2015-09-04T05:05:04","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=10909"},"modified":"2015-09-04T05:05:04","modified_gmt":"2015-09-04T05:05:04","slug":"calling-javascript-function-from-workflow-progress-screen","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/","title":{"rendered":"Calling Javascript function from Workflow progress screen"},"content":{"rendered":"<p>By far we all know, Sage CRM has been proved very much capable to handle various tricky scenarios through implementation. Client side API has reduced lot of customization efforts through the JavaScript codes used in it. We have already posted few blogs about writing JavaScript codes in <strong>.js <\/strong>files and calling the same in Custom Content of any screen. Below explained is one such article that will give you an idea that how we can call \u201c.<strong>js<\/strong>\u201d page from workflow progress screen.<br \/>\n<span style=\"color: #993300;\"><em><strong>New Stuff:<\/strong> <\/em><\/span><a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/08\/31\/gumu-for-sage-crm-sage-100-integration-with-avatax-iii\/\" target=\"_blank\">GUMU&#x2122; for Sage CRM \u2013 Sage 100 integration with AvaTax \u2013 III<\/a><br \/>\nOne of our client had a requirement to display a particular field on workflow progress screen based on the value selected from other field. Basically, it was a requirement of field hide and show but on the workflow progress screen. As we all know, to achieve the same for any entity\u2019s summary screen is quite easy i.e. we can simply call our page from <strong>\u201cCustom Content\u201d<\/strong> section. But the challenge to do the same in workflow progress screen was that CRM do not have any <strong>\u201cCustom Content\u201d<\/strong> section in workflow progress screen. To achieve the same refer the below given solution &#8211;<br \/>\n1. Log in to \u201c<strong>CRM<\/strong>\u201d.<br \/>\n2. Go to \u201c<strong>Administration | Customization | Translations\u201d<\/strong><br \/>\n3. Tick the \u201c<strong>Inline Translation Mode<\/strong>\u201d option.<br \/>\n4. Now, progress your <strong>workflow action<\/strong> till that particular rule where you want to call \u201c.<strong>js<\/strong>\u201d file.<br \/>\n5. Once you get your rule then click on that rule.<br \/>\n6. Now, click on the<strong> \u201c*\u201d<\/strong> next to status as shown below. This will open the translation screen.<br \/>\n<a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog11.jpg\" target=\"_blank\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-10911 size-large\" src=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog11-1024x256.jpg\" alt=\"Blog1\" width=\"595\" height=\"149\" \/><\/a><br \/>\n7. Paste your code in the <strong>US<\/strong> <strong>Translation<\/strong> and <strong>UK Translation<\/strong> fields and save.<br \/>\n<em>\/\/Start of Snippet\/\/<\/em><br \/>\n<em>&lt;script language=javascript src=&#8221;..\\CustomPages\\Opportunity\\OppoProgress.js&#8221;&gt;&lt;\/SCRIPT&gt;\u00a0<\/em><em><br \/>\n&lt;script&gt;<br \/>\nif (typeof window.addEventListener != &#8216;undefined&#8217;)<br \/>\nwindow.addEventListener(&#8220;load&#8221;,fn_OppoprogressOnload, false);<br \/>\nelse if(window.attachEvent)<br \/>\nwindow.attachEvent(&#8220;onload&#8221;,fn_OppoprogressOnload)<br \/>\n&lt;\/SCRIPT&gt;<\/em><br \/>\n<em>\/\/End of Snippet\/\/<\/em><br \/>\nAbove script is just an example how to call your \u201c.<strong>js<\/strong>\u201d file in \u201c<strong>US<\/strong>\u201d and \u201c<strong>UK<\/strong>\u201d translation as shown below.<br \/>\n<a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog2.jpg\" target=\"_blank\"><img decoding=\"async\" class=\"aligncenter wp-image-10912 size-full\" src=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog2.jpg\" alt=\"Blog2\" width=\"711\" height=\"590\" \/><\/a><br \/>\nIn this way, you can call the required \u201c.<strong>jS<\/strong>\u201d file from workflow progress screen.<br \/>\n<span style=\"color: #993300;\"><em><strong>Also Read<\/strong><\/em><\/span><br \/>\n1) <a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/08\/07\/easiest-way-to-create-workflow-component\/\" target=\"_blank\">Easiest way to create workflow component<\/a><br \/>\n2) <a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/05\/21\/introducing-workflow-on-company-entity\/\" target=\"_blank\">Introducing workflow on Company Entity<\/a><br \/>\n3) <a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/01\/28\/sage-crm-7-3-introduction-of-new-opportunity-workflow\/\" target=\"_blank\">Sage CRM 7.3 \u2013 Introduction of New Opportunity Workflow<\/a><br \/>\n4) <a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/24\/workflow-in-sage-crm-2014-r2\/\" target=\"_blank\">WORKFLOW IN SAGE CRM 2014 R2<\/a><br \/>\n5) <a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/01\/22\/merge-to-pdf-through-workflow-in-sage-crm-7-3\/\" target=\"_blank\">Merge to PDF through workflow in Sage CRM 7.3<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>By far we all know, Sage CRM has been proved very much capable to handle various tricky scenarios through implementation. Client side API has reduced lot of customization efforts through the JavaScript codes used in it. We have already posted few blogs about writing JavaScript codes in .js files and calling the same in Custom\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/\">Read More &raquo;<\/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":[73,200,202,203,204,332,351,352,1,438],"tags":[1471,1477,2231,2603],"class_list":["post-10909","post","type-post","status-publish","format-standard","hentry","category-configuration","category-javascript-sage-crm","category-jquey","category-jre","category-js-file","category-sage-crm","category-screen-sage-crm","category-script","category-uncategorized","category-worklfow","tag-javascript","tag-js-file","tag-screen","tag-wokflow"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Calling Javascript function from Workflow progress screen - 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\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Calling Javascript function from Workflow progress screen - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"By far we all know, Sage CRM has been proved very much capable to handle various tricky scenarios through implementation. Client side API has reduced lot of customization efforts through the JavaScript codes used in it. We have already posted few blogs about writing JavaScript codes in .js files and calling the same in Custom\u2026 Read More &raquo;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2015-09-04T05:05:04+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog11-1024x256.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\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/\",\"name\":\"Calling Javascript function from Workflow progress screen - Sage CRM \u2013 Tips, Tricks and Components\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog11-1024x256.jpg\",\"datePublished\":\"2015-09-04T05:05:04+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog11-1024x256.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog11-1024x256.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Calling Javascript function from Workflow progress screen\"}]},{\"@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":"Calling Javascript function from Workflow progress screen - 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\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/","og_locale":"en_US","og_type":"article","og_title":"Calling Javascript function from Workflow progress screen - Sage CRM \u2013 Tips, Tricks and Components","og_description":"By far we all know, Sage CRM has been proved very much capable to handle various tricky scenarios through implementation. Client side API has reduced lot of customization efforts through the JavaScript codes used in it. We have already posted few blogs about writing JavaScript codes in .js files and calling the same in Custom\u2026 Read More &raquo;","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2015-09-04T05:05:04+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog11-1024x256.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\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/","name":"Calling Javascript function from Workflow progress screen - Sage CRM \u2013 Tips, Tricks and Components","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog11-1024x256.jpg","datePublished":"2015-09-04T05:05:04+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog11-1024x256.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2015\/09\/Blog11-1024x256.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2015\/09\/04\/calling-javascript-function-from-workflow-progress-screen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Calling Javascript function from Workflow progress screen"}]},{"@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\/10909","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=10909"}],"version-history":[{"count":0,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/10909\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=10909"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=10909"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=10909"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}