{"id":23877,"date":"2018-08-28T12:06:43","date_gmt":"2018-08-28T12:06:43","guid":{"rendered":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/?p=23877"},"modified":"2024-04-26T05:02:11","modified_gmt":"2024-04-26T05:02:11","slug":"change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/","title":{"rendered":"Change Navigation images and Background images of module in Sage 300 ERP Web screens"},"content":{"rendered":"

We have seen earlier that Sage 300 2018.2 has introduced vertical menus with the functionality of expand and collapse.<\/p>\n

New Stuff:<\/em>\u00a0<\/strong>Complete web based solution for document attachment in Sage 300c<\/a><\/p>\n

When we create a custom module, sage 300 wizard generates the folder under web application “\\Content\\Images\\Nav\\”.<\/p>\n

The images related to custom module stored in the project specified in the above path gets copies to the Sage 300″\\Online\\Web\\External\\Content\\Images\\nav\\” directory.<\/p>\n

Note<\/u><\/strong>:<\/strong> Before making changes to any existing data\/content, make sure to take the backup of the files.<\/strong><\/p>\n

Sage 300 Web has an option to change the Menu Icon and Menu background image of any module in Sage 300 ERP Web screens without making changes in the source code.<\/p>\n

Follow the below steps to change the image and icon:<\/p>\n

Step 1<\/u><\/strong>: <\/strong><\/p>\n

    \n
  1. Standard Module: <\/strong>Locate the “[Sage 300 Programs Path]\\Online\\Web\\Content\\Images\\nav\\” on the server.<\/li>\n
  2. Custom Module:<\/strong> Locate the “[Sage 300 Programs Path]\\Online\\Web\\External\\Content\\Images\\nav\\” on the server.<\/li>\n<\/ol>\n

    Step 2<\/u><\/strong>: <\/strong><\/p>\n

      \n
    1. Locate the XML file of the menu details for the respective module where the images needs to be changed.<\/li>\n
    2. Navigate to “[Sage 300 Programs Path]\\Online\\Web\\App_Data\\MenuDetail\\” on the server.<\/li>\n
    3. Edit the file in the text editor. Example: For Order Entry module “OEMenuDetails.xml”, where OE is the module Id.<\/li>\n
    4. We will see the example of the Greytrix Document Attachment Module “GD” \u2192 “GDMenuDetails.xml” and Order Entry Module \u201cOE\u201d \u2192 \u201cOEMenuDetails.xml\u201d in the next steps.<\/li>\n<\/ol>\n

      Step 3<\/u><\/strong>:<\/strong><\/p>\n

        \n
      1. Search for XML Node <MenuItemLevel>2<\/MenuItemLevel>.<\/li>\n
      2. Under the same level there will be <IconName> and <MenuBackGoundImage> nodes with path format “DevPartner\/ImageNameWithExtension”.<\/li>\n
      3. Standard module of the Sage provides the module identifier as the folder name for DevPartner<\/li>\n<\/ol>\n

        \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<IconName>OE\/icon_oe.png<\/IconName><\/p>\n

        \u00a0 \u00a0 \u00a0 \u00a0 \u00a0<MenuBackGoundImage>OE\/bg_menu_oe.jpg<\/MenuBackGoundImage><\/p>\n

        \"Sales<\/a>
        \n4. DevPartner for Custom module is decided by the development team while module development. It\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 \u00a0can be module identifier as followed by Sage or the one supplied by partner. We are using “Greytrix”\u00a0 \u00a0 \u00a0 \u00a0 \u00a0as the DevPartner.<\/p>\n

        \u00a0 \u00a0 \u00a0 <IconName>Greytrix\/outofbox.ico<\/IconName><\/p>\n

        <MenuBackGoundImage>Greytrix\/menuBackGroundImage.jpg<\/MenuBackGoundImage><\/p>\n

        \"Sales<\/a><\/p>\n

        Step 4<\/u><\/strong>: <\/strong><\/p>\n

        User has an access to either change the name of the image in step 3 or overwrite the existing image in\u00a0 step 2 with same name.<\/p>\n

        This provides the user to customize the navigation icon and image as per the company\/user comfort using the Sage 300 Web screens.<\/p>\n

        About Us<\/strong><\/span>
        \n        Greytrix<\/a>\u00a0a 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>\u00a0offers unique GUMU™ integrated solutions of\u00a0Sage 300 with Sage CRM,<\/a>\u00a0Salesforce.com\u00a0<\/a>and\u00a0Magento eCommerce<\/a>\u00a0along with Sage 300 Migration from\u00a0Sage 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\u00a0POS | WMS | Payroll | Shipping System | Business Intelligence | eCommerce for Sage 300 ERP<\/a>\u00a0and 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\u00a0GreyMatrix<\/a>,\u00a0Document Attachment<\/a>,\u00a0Document Numbering<\/a>,\u00a0Auto-Bank Reconciliation<\/a>,\u00a0Purchase Approval System<\/a>,\u00a0Three way PO matching<\/a>,\u00a0Bill of Lading<\/a>\u00a0and\u00a0VAT 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":"

        We have seen earlier that Sage 300 2018.2 has introduced vertical menus with the functionality of expand and collapse. New Stuff:\u00a0Complete web based solution for document attachment in Sage 300c When we create a custom module, sage 300 wizard generates the folder under web application “\\Content\\Images\\Nav\\”. The images related to custom module stored in the\u2026 Read More »<\/a><\/span><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[3095,3096,3093,3094,3092,2423,2424,2429,3047],"class_list":["post-23877","post","type-post","status-publish","format-standard","hentry","category-sage-accpac","tag-background-images","tag-change-background-image","tag-change-navigation-images","tag-navigation-images","tag-pu2","tag-sage-300-web-desktop","tag-sage-300-web-screens","tag-sage-300c","tag-web-screens"],"yoast_head":"\nChange the Sage 300 ERP Web's background images<\/title>\n<meta name=\"description\" content=\"Discover Any module's menu icon and background picture in Sage 300 ERP Web displays can be changed using Sage 300 Web without requiring modifications to the source code.\" \/>\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\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Change the Sage 300 ERP Web's background images\" \/>\n<meta property=\"og:description\" content=\"Discover Any module's menu icon and background picture in Sage 300 ERP Web displays can be changed using Sage 300 Web without requiring modifications to the source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/\" \/>\n<meta property=\"og:site_name\" content=\"Sage 300 ERP \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-28T12:06:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-26T05:02:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-content\/uploads\/2018\/08\/OrderEntry-1.png\" \/>\n<meta name=\"author\" content=\"Greytrix\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Greytrix\" \/>\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\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/\",\"name\":\"Change the Sage 300 ERP Web's background images\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-content\/uploads\/2018\/08\/OrderEntry-1.png\",\"datePublished\":\"2018-08-28T12:06:43+00:00\",\"dateModified\":\"2024-04-26T05:02:11+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#\/schema\/person\/93977cd8aa8fbd1f151d3f664e29c9f2\"},\"description\":\"Discover Any module's menu icon and background picture in Sage 300 ERP Web displays can be changed using Sage 300 Web without requiring modifications to the source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/#primaryimage\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-content\/uploads\/2018\/08\/OrderEntry-1.png\",\"contentUrl\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-content\/uploads\/2018\/08\/OrderEntry-1.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Change Navigation images and Background images of module in Sage 300 ERP Web screens\"}]},{\"@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\/93977cd8aa8fbd1f151d3f664e29c9f2\",\"name\":\"Greytrix\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g\",\"caption\":\"Greytrix\"},\"url\":\"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/author\/greytrix\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Change the Sage 300 ERP Web's background images","description":"Discover Any module's menu icon and background picture in Sage 300 ERP Web displays can be changed using Sage 300 Web without requiring modifications to the source code.","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\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/","og_locale":"en_US","og_type":"article","og_title":"Change the Sage 300 ERP Web's background images","og_description":"Discover Any module's menu icon and background picture in Sage 300 ERP Web displays can be changed using Sage 300 Web without requiring modifications to the source code.","og_url":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/","og_site_name":"Sage 300 ERP \u2013 Tips, Tricks and Components","article_published_time":"2018-08-28T12:06:43+00:00","article_modified_time":"2024-04-26T05:02:11+00:00","og_image":[{"url":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-content\/uploads\/2018\/08\/OrderEntry-1.png","type":"","width":"","height":""}],"author":"Greytrix","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Greytrix","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/","url":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/","name":"Change the Sage 300 ERP Web's background images","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/#primaryimage"},"thumbnailUrl":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-content\/uploads\/2018\/08\/OrderEntry-1.png","datePublished":"2018-08-28T12:06:43+00:00","dateModified":"2024-04-26T05:02:11+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#\/schema\/person\/93977cd8aa8fbd1f151d3f664e29c9f2"},"description":"Discover Any module's menu icon and background picture in Sage 300 ERP Web displays can be changed using Sage 300 Web without requiring modifications to the source code.","breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/#primaryimage","url":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-content\/uploads\/2018\/08\/OrderEntry-1.png","contentUrl":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-content\/uploads\/2018\/08\/OrderEntry-1.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/2018\/08\/28\/change-navigation-images-and-background-images-of-module-in-sage-300-erp-web-screens\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/"},{"@type":"ListItem","position":2,"name":"Change Navigation images and Background images of module in Sage 300 ERP Web screens"}]},{"@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\/93977cd8aa8fbd1f151d3f664e29c9f2","name":"Greytrix","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3cdb553d6ca07df0e407d5e092f2410d163e0fd40b27734b345b04c8f0786969?s=96&d=mm&r=g","caption":"Greytrix"},"url":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/author\/greytrix\/"}]}},"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/posts\/23877","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/comments?post=23877"}],"version-history":[{"count":19,"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/posts\/23877\/revisions"}],"predecessor-version":[{"id":34242,"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/posts\/23877\/revisions\/34242"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/media?parent=23877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/categories?post=23877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sageaccpacerp\/wp-json\/wp\/v2\/tags?post=23877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}