{"id":25106,"date":"2022-08-30T12:47:49","date_gmt":"2022-08-30T12:47:49","guid":{"rendered":"https:\/\/www.greytrix.com\/blogs\/sagex3\/?p=25106"},"modified":"2024-11-26T10:36:53","modified_gmt":"2024-11-26T10:36:53","slug":"dashboard-creation-using-classes-representations","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagex3\/2022\/08\/30\/dashboard-creation-using-classes-representations\/","title":{"rendered":"Dashboard creation using Classes &#038; Representations"},"content":{"rendered":"\n<p>In <a href=\"https:\/\/www.greytrix.com\/sage-x3-erp\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.greytrix.com\/product\/erp-development\/sage-x3\" rel=\"noreferrer noopener\">Sage X3<\/a>, there are many ways to display records of transactions, customers or suppliers data and other masters data. So, sometimes users want to see the set of records like Sales Order, Sales Invoice, Purchase Invoice and many more when they login to the Sage X3.<\/p>\n\n\n\n<p>Sage X3 allows one feature of displaying such data which can be called landing pages or dashboard.<\/p>\n\n\n\n<p>This can be achieved using SQL query tool and Graphical query tool. But there was a requirement to add filters for the required fields in dashboard and to achieve this task we have created a view (We can create table as well), and used a class to manage the view, and made a representation of that class to show it as part of a menu.<\/p>\n\n\n\n<p>Here are the steps to create Dashboard using view, class and representation:<\/p>\n\n\n\n<p>Step 1 : Create View\/Table(Exp : ZPINV)<br>Development -&gt; Data &amp; Parameters -&gt; Views<br>Add query in SQL server field in Query tab<br>Add fields in Fields tab<br>Add a key code in Sort Keys tab<br>Save &amp; Validate the view<\/p>\n\n\n\n<p>Step 2 : Create Class<br>Development -&gt; Data &amp; Parameters -&gt; Classes -&gt; Classes.<br>Click New.<br>Enter a class name, similar to the View\/Table name.<br>Select Persistent as the type.<br>Enter the View(ZPINV) that you created on the 1st step as the table-view.<\/p>\n\n\n\n<p><strong>New Stuff: <\/strong><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/2022\/08\/30\/partial-quantity-allocated-work-order-display-in-operation-tracking-plan-screen\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/2022\/08\/30\/partial-quantity-allocated-work-order-display-in-operation-tracking-plan-screen\/\" rel=\"noreferrer noopener\">Partial quantity allocated Work order display in Operation tracking plan screen<\/a><\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Class-General-tab.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Class-General-tab.jpg\" alt=\"Class-General tab\"><\/a><\/center>\n<font size=\"2\"><center>Class-General tab<\/center><\/font>\n\n\n\n<p>Click on Properties tab and from the action select Column selection.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Classes-Properties-tab.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Classes-Properties-tab.jpg\" alt=\"Classes-Properties tab\"><\/a><\/center>\n<font size=\"2\"><center>Classes-Properties tab<\/center><\/font>\n\n\n\n<p>By default, everything on the table is marked as Yes, keep it that way and click Ok.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Column-selection-1024x435.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Column-selection-1024x435.jpg\" alt=\"Column selection\"><\/a><\/center>\n<font size=\"2\"><center>Column selection<\/center><\/font>\n\n\n\n<p>This will add all the table fields and properties on the class.<br>Click Create.<br>On the Standard Methods tab select all the methods that you like this class to manage (Creation, Deletion, Read, Modification etc).<br>Note : Method creation, deletion and modification are not compatible with View.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Class-Standard-methods-tab.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Class-Standard-methods-tab.jpg\" alt=\"Class-Standard methods tab\"><\/a><\/center>\n<font size=\"2\"><center>Class-Standard methods tab<\/center><\/font>\n\n\n\n<p>Click Save and Validation.<\/p>\n\n\n\n<p>Step 3 : Create Representation<br>Development -&gt; Data &amp; Parameters -&gt; Classes -&gt; Representations<br>Click New<br>Enter a representation code and description<br>For the class select the class you created on 2nd step<br>Tick proper behaviors you like to be managed.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Representations-General-tab.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Representations-General-tab.jpg\" alt=\"Representations - General tab\"><\/a><\/center>\n<font size=\"2\"><center>Representations &#8211; General tab<\/center><\/font>\n\n\n\n<p>Create Sections and blocks in the Organization tab and, later on you will see how they will look like when you open the representation.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Representations-Organization-tab.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Representations-Organization-tab.jpg\" alt=\"Representations - Organization tab\"><\/a><\/center>\n<font size=\"2\"><center>Representations &#8211; Organization tab<\/center><\/font>\n\n\n\n<p>Click on the Displayed Properties tab.<br>For the Alias use the finder and select the properties of your class you like to display.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Select-Property-1024x421.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Select-Property-1024x421.jpg\" alt=\"Select Property\"><\/a><\/center>\n<font size=\"2\"><center>Select Property<\/center><\/font>\n\n\n\n<p>Select the block where you like this property to be displayed on.<br>Define what Facet you like this property to be displayed on, in this example, I have selected Detail, Edit and Query as Yes.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Display-Properties.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Display-Properties.jpg\" alt=\"Display Properties\"><\/a><\/center>\n<font size=\"2\"><center>Display Properties<\/center><\/font>\n\n\n\n<p>Click Save and Validate.<\/p>\n\n\n\n<p>Step 4 : Create a Menu Item<br>Administration -&gt; Authoring -&gt; Pages -&gt; Menu Items<br>Click New.<br>Enter a code and title.<br>Select Representation as the link Type.<br>Enter the name of the representation (ZPINV) for the Representation field and Entity field.<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Menu-Item-1024x488.png\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Menu-Item-1024x488.png\" alt=\"Menu Item\"><\/a><\/center>\n<font size=\"2\"><center>Menu Item<\/center><\/font>\n\n\n\n<p>Step 5 : Added the Landing page on the home screen as below:<br>Click on New<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/My-landing-pages.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/My-landing-pages.jpg\" alt=\"My landing pages\"><\/a><\/center>\n<font size=\"2\"><center>My landing pages<\/center><\/font>\n\n\n\n<p>Enter Page name, title and tick &#8216;use current endpoint&#8217; check box as below screenshot:<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Home-Page-1024x277.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Home-Page-1024x277.jpg\" alt=\"Home Page\"><\/a><\/center>\n<font size=\"2\"><center>Home Page<\/center><\/font>\n\n\n\n<p>We will get the newly added menu item in the Representations as shown below:<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/New-Gadget-1024x327.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/New-Gadget-1024x327.jpg\" alt=\"New Gadget\"><\/a><\/center>\n<font size=\"2\"><center>New Gadget<\/center><\/font>\n\n\n\n<p>Follow the below navigation to get the gadget :<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/gadget.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/gadget.jpg\" alt=\"gadget\"><\/a><\/center>\n<font size=\"2\"><center>gadget<\/center><\/font>\n\n\n\n<p>Find the below output of dashboard:<\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Output-1024x297.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" class=\"size-full\" style=\"border: 1px solid #A9A9A9; padding: 2px; margin: 2px; align: center;\" src=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2022\/08\/Output-1024x297.jpg\" alt=\"Output\"><\/a><\/center>\n<font size=\"2\"><center>Output<\/center><\/font>\n\n\n\n<p>This is how we can create a dashboard using Classes &amp; Representations in Sage X3.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>About Us<\/strong><\/h2>\n\n\n\n<p>Greytrix \u2013 a globally recognized and one of the oldest Sage Development Partners is a one-stop solution provider for Sage ERP and Sage CRM organizational needs. Being acknowledged and rewarded for multi-man years of experience and expertise, we bring complete end-to-end assistance for your technical consultations, product customizations, data migration, system integrations, third-party add-on development, and implementation competence.<\/p>\n\n\n\n<p id=\"block-28013e99-0882-44c6-b705-7b16c85053b2\">Greytrix&nbsp;has some unique integration solutions developed for&nbsp;<a href=\"https:\/\/www.greytrix.com\/sage-crm\/\">Sage CRM<\/a>&nbsp;with Sage ERPs&nbsp;namely&nbsp;<a href=\"https:\/\/www.greytrix.com\/sage-x3-erp\/\">Sage X3<\/a>,&nbsp;<a href=\"https:\/\/www.greytrix.com\/sage-intacct\/\">Sage Intacct<\/a>,&nbsp;<a href=\"https:\/\/www.greytrix.com\/sage-100-erp\/\">Sage 100<\/a>,&nbsp;<a href=\"https:\/\/www.greytrix.com\/sage-500-erp\/\">Sage 500<\/a>,&nbsp;and&nbsp;<a href=\"https:\/\/www.greytrix.com\/sage-300-erp\/\">Sage 300<\/a>. We also offer best-in-class&nbsp;Sage ERP&nbsp;and&nbsp;Sage CRM&nbsp;customization and development services&nbsp;to&nbsp;Business&nbsp;Partners,&nbsp;End&nbsp;Users, and Sage PSG worldwide. Greytrix&nbsp;helps in&nbsp;the migration of Sage CRM from&nbsp;Salesforce | ACT! | SalesLogix | Goldmine | Sugar CRM | Maximizer. Our Sage CRM Product Suite includes&nbsp;addons like&nbsp;&nbsp;Greytrix Business Manager,&nbsp;Sage CRM Project Manager,&nbsp;Sage CRM Resource Planner,&nbsp;Sage CRM Contract Manager,&nbsp;Sage CRM Event Manager,&nbsp;Sage CRM Budget Planner,&nbsp;Gmail Integration,&nbsp;Sage CRM Mobile Service Signature,&nbsp;Sage CRM CTI Framework.<\/p>\n\n\n\n<p id=\"block-4bc42a09-fb13-4598-8137-ce5f7b91ce28\">Greytrix is a recognized&nbsp;Sage Champion Partner&nbsp;for GUMU&#x2122; Sage X3 \u2013 Sage CRM integration listed on&nbsp;<a href=\"https:\/\/www.sage.com\/marketplace\/asb_ListingDetail?listingId=a1h24000007PC3aAAG\" target=\"_blank\" rel=\"noreferrer noopener\">Sage Marketplace<\/a>&nbsp;and Sage CRM \u2013 Sage Intacct integration listed on&nbsp;<a href=\"https:\/\/marketplace.intacct.com\/MPListing?lid=a2D0H000007kiHyUAI\" target=\"_blank\" rel=\"noreferrer noopener\">Sage Intacct Marketplace<\/a>. The&nbsp;<a href=\"https:\/\/www.greytrix.com\/gumu\/\" target=\"_blank\" rel=\"noreferrer noopener\">GUMU&#x2122; Cloud framework<\/a>&nbsp;by Greytrix forms the backbone of cloud integrations that are managed in real-time for the processing and execution of application programs at the click of a button.<\/p>\n\n\n\n<p id=\"block-76376301-1c3e-4250-8a09-727595a606f0\">For more information on our integration solutions, please contact us at&nbsp;<a href=\"mailto:sage@greytrix.com\">sage@greytrix.com<\/a>. We will be glad to assist you.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Sage X3, there are many ways to display records of transactions, customers or suppliers data and other masters data. So, sometimes users want to see the set of records like Sales Order, Sales Invoice, Purchase Invoice and many more when they login to the Sage X3. Sage X3 allows one feature of displaying such\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/2022\/08\/30\/dashboard-creation-using-classes-representations\/\">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":[8,13],"tags":[3613,496,3612,3616,3614],"class_list":["post-25106","post","type-post","status-publish","format-standard","hentry","category-sage-erp-x3","category-integration","tag-class-and-representation","tag-dashboard","tag-dashboard-creation","tag-representation","tag-view"],"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/posts\/25106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/comments?post=25106"}],"version-history":[{"count":6,"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/posts\/25106\/revisions"}],"predecessor-version":[{"id":30263,"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/posts\/25106\/revisions\/30263"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/media?parent=25106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/categories?post=25106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/tags?post=25106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}