{"id":16934,"date":"2017-11-28T05:20:08","date_gmt":"2017-11-28T05:20:08","guid":{"rendered":"http:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/?p=16934"},"modified":"2024-03-19T10:59:04","modified_gmt":"2024-03-19T10:59:04","slug":"implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/","title":{"rendered":"Implement modern UI – new theme when customizing existing Sage 300 ERP OCX"},"content":{"rendered":"

Sage 300 ERP has recently released the latest version 2018(v6.5) with the new theme alike Windows 10. When we customize any standard Sage 300 screen\\OCX, we do not get the new look & feel provided by the Sage 300 ERP in v2018.<\/p>\n

With the help of Sage Support team we have found the workaround for resolution of this issue and now our customers are also happy after getting the similar UI themes as same as in Standard Sage 300 ERP.<\/span><\/p>\n

In this blog we are going to provide you the walkthrough of the workaround:-<\/p>\n

New Stuff:\u00a0<\/b><\/em>Using modern UI \u2013 new theme for custom modules in Sage 300 ERP<\/a><\/p>\n

A snippet of code which may help the developer to make use of this functionality:<\/p>\n

Step 1: Declare the below event in the event declaration section of the OCX<\/b><\/span><\/p>\n

Public Event OnUIRefreshModernization()\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>‘Event Declaration for Modern UI<\/span><\/p>\n

Step 2: On the UIAppOpen of the control, include the below code:<\/b><\/span><\/p>\n

Dynamic control : OpenUIApp()<\/b><\/span><\/p>\n

LoadDynamicControl(“OE1100”)\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<\/span>‘Code to Load the Control Dynamically<\/span><\/p>\n

mAppControls.Add ctlDynamic\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>‘Adding the selected control to App Controls<\/span><\/p>\n

RaiseEvent OnUIRefreshModernization\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>‘Calling the Modern\/New UI<\/span><\/p>\n

Static Control : AccpacOE1100UICtrl1_OnUIAppOpened()<\/b><\/span><\/p>\n

mAppControls.Add AccpacOE1100UICtrl\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>‘Adding the selected control to App Controls<\/span><\/p>\n

RaiseEvent OnUIRefreshModernization\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0 <\/span>‘Calling the Modern\/New UI<\/span><\/p>\n

Step 3: Build an OCX.<\/b><\/span><\/p>\n

Once the above code is added to your customized OCX, make the OCX and paste it in the Sage 300 Programs directory to check the UI of the control.<\/span><\/p>\n

Note that the modern UI is not visible when debugging the project from the Visual Basic.<\/span><\/p>\n

So, developer can use the above code snippet to call the modern UI provided by Sage in Sage 300 ERP v2018.<\/p>\n

About Us<\/strong><\/span>
\nGreytrix<\/a> a globally recognized Premier Sage Gold Development Partner is a one stop solution provider for Sage ERP and Sage CRM needs. Being recognized and rewarded for multi-man years of experience, we bring complete end-to-end assistance for your technical consultations, product customizations, data migration, system integrations, third party add-on development and implementation expertise.<\/p>\n

Greytrix<\/a> offers unique GUMU™ integrated solutions of\u00a0Sage 300 with Sage CRM,<\/a>\u00a0Salesforce.com\u00a0<\/a>and\u00a0Magento eCommerce<\/a> along with Sage 300 Migration from Sage 50 US, Sage 50 CA, Sage PRO, QuickBooks, Sage Business Vision and Sage Business Works<\/a>. We also offer best-in-class\u00a0Sage 300 customization and development services<\/a>\u00a0and integration service for applications such as POS | WMS | Payroll | Shipping System | Business Intelligence | eCommerce for Sage 300 ERP<\/a> and in Sage 300c development services we offer services such as upgrades of older codes and screens to new web screens, newer integrations using sdata and web services \u00a0to Sage business partners, end users and Sage PSG worldwide. Greytrix offers over 20+ Sage 300 productivity-enhancing utilities that we can help you with such as GreyMatrix<\/a>, Document Attachment<\/a>, Document Numbering<\/a>, Auto-Bank Reconciliation<\/a>, Purchase Approval System<\/a>, Three way PO matching<\/a>, Bill of Lading<\/a> and VAT for Middle East<\/a>.<\/p>\n

For more details on Sage 300 and 300c Services, please contact us at\u00a0accpac@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n","protected":false},"excerpt":{"rendered":"

Sage 300 ERP has recently released the latest version 2018(v6.5) with the new theme alike Windows 10. When we customize any standard Sage 300 screen\\OCX, we do not get the new look & feel provided by the Sage 300 ERP in v2018. With the help of Sage Support team we have found the workaround for\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":[2],"tags":[469,777,1265,1266,1660,1724,1725,2357],"class_list":["post-16934","post","type-post","status-publish","format-standard","hentry","category-sage-accpac","tag-code","tag-developer","tag-implement-modern-ui","tag-implement-new-theme","tag-modern-ui-when-customizing-existing-sage-300-erp-ocx","tag-new-theme-for-customized-ocx","tag-new-theme-when-customizing-existing-sage-300-erp-ocx","tag-sage-300-erp"],"yoast_head":"\nWhen altering current Sage 300 ERP OCX, use the new theme to implement a modern UI.<\/title>\n<meta name=\"description\" content=\"Sage 300 ERP just announced the latest version 2018 (v6.5), which features a new theme similar to Windows 10.\" \/>\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\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"When altering current Sage 300 ERP OCX, use the new theme to implement a modern UI.\" \/>\n<meta property=\"og:description\" content=\"Sage 300 ERP just announced the latest version 2018 (v6.5), which features a new theme similar to Windows 10.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage 300 ERP \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2017-11-28T05:20:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-19T10:59:04+00:00\" \/>\n<meta name=\"author\" content=\"sage300\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"sage300\" \/>\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\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/\",\"name\":\"When altering current Sage 300 ERP OCX, use the new theme to implement a modern UI.\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#website\"},\"datePublished\":\"2017-11-28T05:20:08+00:00\",\"dateModified\":\"2024-03-19T10:59:04+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#\/schema\/person\/1aced4e22c30ccf606960de27c9542f5\"},\"description\":\"Sage 300 ERP just announced the latest version 2018 (v6.5), which features a new theme similar to Windows 10.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Implement modern UI – new theme when customizing existing Sage 300 ERP OCX\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#website\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/\",\"name\":\"Sage 300 ERP \u2013 Tips, Tricks and Components\",\"description\":\"Explore the world of Sage 300 with our insightful blogs, expert tips, and the latest updates. We\u2019ll empower you to leverage Sage 300 to its fullest potential. As your one-stop partner, Greytrix delivers exceptional solutions and integrations for Sage 300. Our blogs extend our support to businesses, covering the latest insights and trends. Dive in and transform your Sage 300 experience with us! \",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/?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\/sageaccpacerp\/#\/schema\/person\/1aced4e22c30ccf606960de27c9542f5\",\"name\":\"sage300\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#\/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\":\"sage300\"},\"url\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/author\/sageaccpac\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"When altering current Sage 300 ERP OCX, use the new theme to implement a modern UI.","description":"Sage 300 ERP just announced the latest version 2018 (v6.5), which features a new theme similar to Windows 10.","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\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/","og_locale":"en_US","og_type":"article","og_title":"When altering current Sage 300 ERP OCX, use the new theme to implement a modern UI.","og_description":"Sage 300 ERP just announced the latest version 2018 (v6.5), which features a new theme similar to Windows 10.","og_url":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/","og_site_name":"Sage 300 ERP \u2013 Tips, Tricks and Components","article_published_time":"2017-11-28T05:20:08+00:00","article_modified_time":"2024-03-19T10:59:04+00:00","author":"sage300","twitter_card":"summary_large_image","twitter_misc":{"Written by":"sage300","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/","url":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/","name":"When altering current Sage 300 ERP OCX, use the new theme to implement a modern UI.","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#website"},"datePublished":"2017-11-28T05:20:08+00:00","dateModified":"2024-03-19T10:59:04+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#\/schema\/person\/1aced4e22c30ccf606960de27c9542f5"},"description":"Sage 300 ERP just announced the latest version 2018 (v6.5), which features a new theme similar to Windows 10.","breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2017\/11\/28\/implement-modern-ui-new-theme-when-customizing-existing-sage-300-erp-ocx\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/"},{"@type":"ListItem","position":2,"name":"Implement modern UI – new theme when customizing existing Sage 300 ERP OCX"}]},{"@type":"WebSite","@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#website","url":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/","name":"Sage 300 ERP \u2013 Tips, Tricks and Components","description":"Explore the world of Sage 300 with our insightful blogs, expert tips, and the latest updates. We\u2019ll empower you to leverage Sage 300 to its fullest potential. As your one-stop partner, Greytrix delivers exceptional solutions and integrations for Sage 300. Our blogs extend our support to businesses, covering the latest insights and trends. Dive in and transform your Sage 300 experience with us! ","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/?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\/sageaccpacerp\/#\/schema\/person\/1aced4e22c30ccf606960de27c9542f5","name":"sage300","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#\/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":"sage300"},"url":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/author\/sageaccpac\/"}]}},"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/posts\/16934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/comments?post=16934"}],"version-history":[{"count":1,"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/posts\/16934\/revisions"}],"predecessor-version":[{"id":25672,"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/posts\/16934\/revisions\/25672"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/media?parent=16934"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/categories?post=16934"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/tags?post=16934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}