{"id":397,"date":"2022-10-20T13:47:25","date_gmt":"2022-10-20T13:47:25","guid":{"rendered":"https:\/\/www.greytrix.com\/blogs\/acumatica\/?p=397"},"modified":"2024-07-23T09:33:55","modified_gmt":"2024-07-23T09:33:55","slug":"adding-side-panel-to-data-entry-screens","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/","title":{"rendered":"Adding Side Panel to Data Entry Screens in Acumatica"},"content":{"rendered":"\n<p>Data entry screens are used to perform the transactions in Acumatica ERP. Maintenance screens stores the master data like Customer, Vendor, Items, etc. are used occasionally if there are any changes or new data needs to be added.<\/p>\n\n\n\n<p>In ERP, Data Entry is the part that is used frequently in daily business processes and is responsible for operational and financial movements within the organization. A user has a defined role and the user gains access to a certain set of screens back and forth regularly. This makes the demand have some functionality which makes the task easier without navigating to the screens very often. Side Panel plays a vital role to overcome such situations where we can display other screens and pre-load the data based on currently opened transactions.<\/p>\n\n\n\n<p>In our previous blog, we have seen the steps for <a href=\"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/06\/10\/adding-a-side-panel-in-generic-inquiries\/\">adding a Side Panel in Generic Inquiries<\/a>. In this blog, we will discuss the steps to add a side panel on the Data Entry screen as both processes are unique. We will consider a cases screen where a user is reviewing a case and need to investigate the related cases for the selected business account irrespective of its status (i.e., Open, Closed)<\/p>\n\n\n\n<p>Navigate to Support &gt; Activities &gt; Cases Screen (CR306000). Create a customization project either from the Customization Projects screen (SM204505) or Navigate to the Customization menu on the top right corner and perform Inspect Element on the screen to create a new or select an existing project.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/01-CustomizingScreen.png\" target=\"_blank\" rel=\"03 CasesScreenAfterAddingSidePanel noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; \nalign: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/01-CustomizingScreen.png\" alt=\"01 CustomizingScreen\"><\/a><\/center>\n\n\n\n<p>Once the screen is added to the customization project editor, expand the screen, go to Actions, and add new action (+).<\/p>\n\n\n\n<p>In the Action properties, enter Action Name, Display Name, and Icon as preferred. Select Action Type as \u201cNavigation: Side panel\u201d and Destination Screen that needs to be opened on click of side panel. Generic Inquiry of Cases screen (CR3060PL) in our example.<\/p>\n\n\n\n<p>Navigation Parameters are required to open the specific record or filter the records as per business requirement. We have passed the Business Account parameter to only show the matching cases available for the selected customer.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/02-EditorScreenForAddingSidePanel.png\" target=\"_blank\" rel=\"03 CasesScreenAfterAddingSidePanel noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; \nalign: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/02-EditorScreenForAddingSidePanel.png\" alt=\"02 EditorScreenForAddingSidePanel\"><\/a><\/center>\n\n\n\n<p>Save the changes and publish the project.Once  published, refresh the cases screen to see the newly added side panels. Select any case record and click on side panel to view all the cases that matches the current Business Account irrespective of its status or any other parameters.&nbsp;<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/03-CasesScreenAfterAddingSidePanel.png\" target=\"_blank\" rel=\"03 CasesScreenAfterAddingSidePanel noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; \nalign: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/03-CasesScreenAfterAddingSidePanel.png\" alt=\"03 CasesScreenAfterAddingSidePanel\"><\/a><\/center>\n\n\n\n<p>Hence, a user can see all the cases of the customer without navigating or switching to another screen or tab. The example we have considered is useful for situations when a user is over the call for a particular case and the customer needs information on his\/her other cases. This saves time and makes data available very quickly.<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Data entry screens are used to perform the transactions in Acumatica ERP. Maintenance screens stores the master data like Customer, Vendor, Items, etc. are used occasionally if there are any changes or new data needs to be added. In ERP, Data Entry is the part that is used frequently in daily business processes and is\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/\">Read More &raquo;<\/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":[3,14],"tags":[4,16,108,78,111],"class_list":["post-397","post","type-post","status-publish","format-standard","hentry","category-acumatica-erp","category-acumatica-services","tag-acumatica","tag-acumatica-erp","tag-customization-project","tag-side-panel","tag-side-panel-on-data-entry-screen"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Enhance Data Entry Screen with Side Panel Integration<\/title>\n<meta name=\"description\" content=\"Learn how to enhance Acumatica data entry screen by adding a side panel for improved efficiency and user experience\" \/>\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\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Enhance Data Entry Screen with Side Panel Integration\" \/>\n<meta property=\"og:description\" content=\"Learn how to enhance Acumatica data entry screen by adding a side panel for improved efficiency and user experience\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/\" \/>\n<meta property=\"og:site_name\" content=\"Acumatica \u2013 Tips, Tricks and Components\" \/>\n<meta property=\"article:published_time\" content=\"2022-10-20T13:47:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-23T09:33:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/01-CustomizingScreen.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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/\",\"name\":\"Enhance Data Entry Screen with Side Panel Integration\",\"isPartOf\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/01-CustomizingScreen.png\",\"datePublished\":\"2022-10-20T13:47:25+00:00\",\"dateModified\":\"2024-07-23T09:33:55+00:00\",\"author\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/#\/schema\/person\/c49d53021d39726d820c6fd517b2c2ec\"},\"description\":\"Learn how to enhance Acumatica data entry screen by adding a side panel for improved efficiency and user experience\",\"breadcrumb\":{\"@id\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/#primaryimage\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/01-CustomizingScreen.png\",\"contentUrl\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/01-CustomizingScreen.png\",\"width\":1193,\"height\":497},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Adding Side Panel to Data Entry Screens in Acumatica\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/#website\",\"url\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/\",\"name\":\"Acumatica \u2013 Tips, Tricks and Components\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/?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\/acumatica\/#\/schema\/person\/c49d53021d39726d820c6fd517b2c2ec\",\"name\":\"greytrix\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.greytrix.com\/blogs\/acumatica\/#\/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\/acumatica\/author\/greytrix\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Enhance Data Entry Screen with Side Panel Integration","description":"Learn how to enhance Acumatica data entry screen by adding a side panel for improved efficiency and user experience","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\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/","og_locale":"en_US","og_type":"article","og_title":"Enhance Data Entry Screen with Side Panel Integration","og_description":"Learn how to enhance Acumatica data entry screen by adding a side panel for improved efficiency and user experience","og_url":"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/","og_site_name":"Acumatica \u2013 Tips, Tricks and Components","article_published_time":"2022-10-20T13:47:25+00:00","article_modified_time":"2024-07-23T09:33:55+00:00","og_image":[{"url":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/01-CustomizingScreen.png","type":"","width":"","height":""}],"author":"greytrix","twitter_card":"summary_large_image","twitter_misc":{"Written by":"greytrix","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/","url":"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/","name":"Enhance Data Entry Screen with Side Panel Integration","isPartOf":{"@id":"https:\/\/www.greytrix.com\/blogs\/acumatica\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/#primaryimage"},"image":{"@id":"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/#primaryimage"},"thumbnailUrl":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/01-CustomizingScreen.png","datePublished":"2022-10-20T13:47:25+00:00","dateModified":"2024-07-23T09:33:55+00:00","author":{"@id":"https:\/\/www.greytrix.com\/blogs\/acumatica\/#\/schema\/person\/c49d53021d39726d820c6fd517b2c2ec"},"description":"Learn how to enhance Acumatica data entry screen by adding a side panel for improved efficiency and user experience","breadcrumb":{"@id":"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/#primaryimage","url":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/01-CustomizingScreen.png","contentUrl":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-content\/uploads\/2022\/10\/01-CustomizingScreen.png","width":1193,"height":497},{"@type":"BreadcrumbList","@id":"https:\/\/www.greytrix.com\/blogs\/acumatica\/2022\/10\/20\/adding-side-panel-to-data-entry-screens\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.greytrix.com\/blogs\/acumatica\/"},{"@type":"ListItem","position":2,"name":"Adding Side Panel to Data Entry Screens in Acumatica"}]},{"@type":"WebSite","@id":"https:\/\/www.greytrix.com\/blogs\/acumatica\/#website","url":"https:\/\/www.greytrix.com\/blogs\/acumatica\/","name":"Acumatica \u2013 Tips, Tricks and Components","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.greytrix.com\/blogs\/acumatica\/?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\/acumatica\/#\/schema\/person\/c49d53021d39726d820c6fd517b2c2ec","name":"greytrix","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.greytrix.com\/blogs\/acumatica\/#\/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\/acumatica\/author\/greytrix\/"}]}},"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-json\/wp\/v2\/posts\/397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-json\/wp\/v2\/comments?post=397"}],"version-history":[{"count":12,"href":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-json\/wp\/v2\/posts\/397\/revisions"}],"predecessor-version":[{"id":2599,"href":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-json\/wp\/v2\/posts\/397\/revisions\/2599"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-json\/wp\/v2\/media?parent=397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-json\/wp\/v2\/categories?post=397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/acumatica\/wp-json\/wp\/v2\/tags?post=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}