{"id":9013,"date":"2014-10-20T15:40:30","date_gmt":"2014-10-20T15:40:30","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/?p=9013"},"modified":"2014-10-20T15:40:30","modified_gmt":"2014-10-20T15:40:30","slug":"progress-bar-on-sage-crm-entity-screens","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/","title":{"rendered":"Progress Bar on Sage CRM entity screens"},"content":{"rendered":"

Sage CRM can be customized to display animated spinner and progress bar. A loading animation is an important signal to the user that the application is still doing something and the user should wait for the action to complete. This is even more important when you are updating bulk data and the system is taking a long time to complete the task.
\nGUMU Sage CRM Integrations\u00a0:\u00a0Sage ERP X3<\/a>\u00a0|\u00a0Sage 100<\/a>\u00a0|\u00a0Sage 500<\/a>\u00a0|\u00a0Sage 300<\/a><\/strong><\/strong><\/span><\/span>
\nNew Stuff:<\/strong><\/em><\/span>\u00a0<\/span>Sage CRM builder \u2013 Future of Sage CRM Cloud<\/a><\/span><\/em><\/strong>
\nRecently we came across a scenario where an organization is using Case entity<\/strong> extensively in their business process. As a result, Case new and summary screen were saving data slowly. As there is no way to identify whether the system is still performing saving action, users used to click on Save button twice and hence duplicate records were added into the system.
\nTo overcome this problem, we designed a script that will be executed on click of Save<\/strong> button and will add an Animated Spinner on the screen as shown below. Let\u2019s have a step by step look of how it is added to the Case screen.
\n1) Navigate to Administration | Customization | Cases.
\n2) Navigate to Screens and select CaseDetailBox.
\n3) Add below script to Create Script section of any field and click on Update button.
\neWare.AddContent (“<div id=\\”progressBar\\” style=\\’font-family:arial;font-size: 20px;text-align:center;display:none;\\’ > <strong> <font color=’red’>Please wait….<\/font><\/strong><br\/><br\/><img src=’..\/Spinner.gif’><\/img><\/div>”);
\n4) Add below script to Custom Content Section of CaseDetailBox and click on Save<\/strong> button.
\n<SCRIPT>
\nif (typeof window.addEventListener != ‘undefined’)
\n{
\nwindow.addEventListener(“load”,HandleSaveButton,false);
\n}
\nelse if (window.attachEvent)
\n{
\nwindow.attachEvent(“onload”,HandleSaveButton);
\n}
\nfunction HandleSaveButton()
\n{
\nvar navlinks = document.getElementsByTagName(‘A’);
\nfor (var i = 0; i < navlinks.length; i++)
\n{
\nvar accesskey = navlinks[i].getAttribute(‘accesskey’);
\nif (accesskey == “S”)
\n{
\nLinkTo = navlinks[i].innerText;
\nLinkToImg = new String(navlinks[i].innerHTML);
\nif ((LinkTo == “Save”) || (LinkToImg.search(“Save.gif”)>0) )
\n{
\nvar sCancelURL = navlinks[i].href;
\nnavlinks[i].href = “javascript:AddLoadingImage();”
\n}
\n}
\n}
\n}
\nfunction AddLoadingImage()
\n{
\n$(“#progressBar”).css(“display”,”block”);
\ntry
\n{
\ncheckSubmit(document.EntryForm);
\n}
\ncatch(e)
\n{
\ndocument.EntryForm.submit();
\n}
\n}
\n<\/SCRIPT>
\nThis will show Progress Bar on Case screen when Save<\/strong> button is clicked. Refer below screenshot.
\n\"Screenshot2\"<\/a>
\nYou can apply similar Animated Spinner to any other entity by following similar steps.
\nAlso Read:<\/span>
\n<\/em><\/strong>1) Codeless Customization: Add Custom Entity New Screen when accessed through iPhone
\n<\/a>2) Change font color for Textboxes on standard screens<\/a>
\n3) Can I change the caption color of Tab in CRM?<\/a>
\n4) Add Divider or Subsection for existing screen in Sage CRM<\/a>
\n5) Printing current Sage CRM Screens to PDF<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Sage CRM can be customized to display animated spinner and progress bar. A loading animation is an important signal to the user that the application is still doing something and the user should wait for the action to complete. This is even more important when you are updating bulk data and the system is taking\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":[83,137,298,336,337,351,378],"tags":[833,1076,1825,2010,2030,2031,2033,2140,2231,2323],"class_list":["post-9013","post","type-post","status-publish","format-standard","hentry","category-crm72","category-entity","category-progress-bar","category-sage-crm-7-1-sp2","category-sage-crm-7-2","category-screen-sage-crm","category-spinner","tag-crm7-0","tag-entity","tag-progress-bar","tag-sage-crm","tag-sage-crm-7-0","tag-sage-crm-7-1","tag-sage-crm-7-2","tag-sage-crm-com","tag-screen","tag-spinner"],"yoast_head":"\nProgress Bar on Sage CRM entity screens - 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\/10\/20\/progress-bar-on-sage-crm-entity-screens\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progress Bar on Sage CRM entity screens - Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"og:description\" content=\"Sage CRM can be customized to display animated spinner and progress bar. A loading animation is an important signal to the user that the application is still doing something and the user should wait for the action to complete. This is even more important when you are updating bulk data and the system is taking\u2026 Read More »\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage CRM \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2014-10-20T15:40:30+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/10\/Screenshot2-1024x499.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\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/\",\"name\":\"Progress Bar on Sage CRM entity screens - 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\/10\/20\/progress-bar-on-sage-crm-entity-screens\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/10\/Screenshot2-1024x499.jpg\",\"datePublished\":\"2014-10-20T15:40:30+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/#primaryimage\",\"url\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/10\/Screenshot2-1024x499.jpg\",\"contentUrl\":\"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/10\/Screenshot2-1024x499.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sagecrm\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Progress Bar on Sage CRM entity screens\"}]},{\"@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":"Progress Bar on Sage CRM entity screens - 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\/10\/20\/progress-bar-on-sage-crm-entity-screens\/","og_locale":"en_US","og_type":"article","og_title":"Progress Bar on Sage CRM entity screens - Sage CRM \u2013 Tips, Tricks and Components","og_description":"Sage CRM can be customized to display animated spinner and progress bar. A loading animation is an important signal to the user that the application is still doing something and the user should wait for the action to complete. This is even more important when you are updating bulk data and the system is taking\u2026 Read More »","og_url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/","og_site_name":"Sage CRM \u2013 Tips, Tricks and Components","article_published_time":"2014-10-20T15:40:30+00:00","og_image":[{"url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/10\/Screenshot2-1024x499.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\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/","url":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/","name":"Progress Bar on Sage CRM entity screens - 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\/10\/20\/progress-bar-on-sage-crm-entity-screens\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/#primaryimage"},"thumbnailUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/10\/Screenshot2-1024x499.jpg","datePublished":"2014-10-20T15:40:30+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/#\/schema\/person\/e7ff1c8f4763b47730d6bc5e74d59c1f"},"breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/#primaryimage","url":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/10\/Screenshot2-1024x499.jpg","contentUrl":"http:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-content\/uploads\/2014\/10\/Screenshot2-1024x499.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/2014\/10\/20\/progress-bar-on-sage-crm-entity-screens\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/"},{"@type":"ListItem","position":2,"name":"Progress Bar on Sage CRM entity screens"}]},{"@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\/9013","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=9013"}],"version-history":[{"count":0,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/posts\/9013\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/media?parent=9013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/categories?post=9013"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagecrm\/wp-json\/wp\/v2\/tags?post=9013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}