{"id":31035,"date":"2025-07-30T10:24:59","date_gmt":"2025-07-30T10:24:59","guid":{"rendered":"https:\/\/www.greytrix.com\/blogs\/sagex3\/?p=31035"},"modified":"2025-07-30T10:36:47","modified_gmt":"2025-07-30T10:36:47","slug":"how-to-display-debit-credit-caption-next-to-the-outstanding-amount-field-using-options-and-style-settings-without-a-background-in-sage-x3","status":"publish","type":"post","link":"https:\/\/www.greytrix.com\/blogs\/sagex3\/2025\/07\/30\/how-to-display-debit-credit-caption-next-to-the-outstanding-amount-field-using-options-and-style-settings-without-a-background-in-sage-x3\/","title":{"rendered":"How to Display Debit\/Credit Caption Next to the Outstanding Amount Field Using Options and Style Settings Without a Background in Sage X3"},"content":{"rendered":"\n<p>One of our clients requested to display the customer\u2019s<strong> outstanding amount<\/strong> from the <strong>Account Inquiry screen<\/strong> (Financials &gt; Inquiries &gt; Accounts) directly on the <strong>Sales Order header<\/strong> screen \u2014 along with an indicator showing whether the amount is a <strong>Debit or Credit<\/strong>. The goal was to replicate the display format seen in the Account Inquiry screen, where the balance appears alongside a debit\/credit caption, as shown below.<\/p>\n\n\n\n<p><strong>New Stuff:<\/strong> <a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/2025\/07\/30\/enhancing-sage-x3-reports-the-role-of-shared-variables-in-crystal-reports\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/2025\/07\/30\/enhancing-sage-x3-reports-the-role-of-shared-variables-in-crystal-reports\/\" rel=\"noreferrer noopener\">Enhancing Sage X3 Reports: The Role of Shared Variables in Crystal Reports<\/a><\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2025\/07\/fig1-Account-Inquiry-\u2013-Balance-with-DebitCredit-Indicator-1024x393.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\/2025\/07\/fig1-Account-Inquiry-\u2013-Balance-with-DebitCredit-Indicator-1024x393.png\" alt=\"fig1 Account Inquiry \u2013 Balance with DebitCredit Indicator\"><\/a><\/center>\n<font size=\"2\"><center>fig1 Account Inquiry \u2013 Balance with DebitCredit Indicator<\/center><\/font>\n\n\n\n<p>To meet this requirement, we enhanced the <strong>Sales Order header screen<\/strong> by adding two fields:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Outstanding Amount<\/strong><\/li>\n\n\n\n<li><strong>Debit\/Credit Status<\/strong><\/li>\n<\/ol>\n\n\n\n<p>We have <strong>handled the flow of data with the 4GL script<\/strong>, which retrieves the outstanding amount and determines its nature (Debit or Credit) based on the customer\u2019s account balances.<br>To display the <strong>debit\/credit caption<\/strong> beside the amount in a clean, non-editable format, we configured the Debit\/Credit field in the <strong>Screen Dictionary<\/strong> with:<\/p>\n\n\n\n<p>\u2022<strong> Options:<\/strong> Set to<strong> \u2018W\u2019<\/strong> (Displayed as background)<br>\u2022 <strong>Style: <\/strong>Set to <strong>\u2018GRAS\u2019<\/strong><\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2025\/07\/fig2-SOH0-screen-1024x307.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\/2025\/07\/fig2-SOH0-screen-1024x307.png\" alt=\"fig2 SOH0 screen\"><\/a><\/center>\n<font size=\"2\"><center>fig2 SOH0 screen<\/center><\/font>\n\n\n\n<p><strong>Why We Used \u2018W\u2019 (Displayed as Background) and \u2018GRAS\u2019 Style Options:<\/strong><\/p>\n\n\n\n<p>\u2022 The <strong>\u2018W\u2019 option<\/strong> makes the field appear as a <strong>read-only label<\/strong>, without borders or input styling, ensuring a clean layout.<br>\u2022 The <strong>\u2018GRAS\u2019 style<\/strong> (French for &#8220;bold&#8221;) renders the debit\/credit value in <strong>bold<\/strong>, making it clearly distinguishable next to the amount.<\/p>\n\n\n\n<p><strong>After implementing the changes, we:<\/strong><\/p>\n\n\n\n<p>\u2022 Saved and validated the <strong>Sales Order screen<\/strong><br>\u2022 Validated the <strong>OSOH window<\/strong><br>\u2022 Validated the <strong>Sales Order transaction types<\/strong> from the <strong>Setup &gt; Sales module<\/strong><\/p>\n\n\n\n<center><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-content\/uploads\/2025\/07\/fig3-output.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\/2025\/07\/fig3-output.png\" alt=\"fig3 output\"><\/a><\/center>\n<font size=\"2\"><center>fig3 output<\/center><\/font>\n\n\n\n<p><strong>Conclusion<\/strong>:<br>By combining Sage X3\u2019s <strong>screen field configurations<\/strong> and <strong>style settings<\/strong>, and handling the data flow through the <strong>4GL script<\/strong>, we successfully integrated the customer\u2019s <strong>outstanding amount<\/strong> and its <strong>debit\/credit status<\/strong> into the Sales Order header. This enhancement provides users with immediate financial context, improving decision-making and maintaining a clean, professional UI.<\/p>\n\n\n[about_us_blog_common]\n","protected":false},"excerpt":{"rendered":"<p>One of our clients requested to display the customer\u2019s outstanding amount from the Account Inquiry screen (Financials &gt; Inquiries &gt; Accounts) directly on the Sales Order header screen \u2014 along with an indicator showing whether the amount is a Debit or Credit. The goal was to replicate the display format seen in the Account Inquiry\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.greytrix.com\/blogs\/sagex3\/2025\/07\/30\/how-to-display-debit-credit-caption-next-to-the-outstanding-amount-field-using-options-and-style-settings-without-a-background-in-sage-x3\/\">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":[4400,4399,4402,1822,4401,4403],"class_list":["post-31035","post","type-post","status-publish","format-standard","hentry","category-sage-erp-x3","category-integration","tag-debit-credit-indicator","tag-display-outstanding","tag-field-options","tag-sage-x3","tag-screen-customisation","tag-style-settings"],"_links":{"self":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/posts\/31035","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=31035"}],"version-history":[{"count":8,"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/posts\/31035\/revisions"}],"predecessor-version":[{"id":31060,"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/posts\/31035\/revisions\/31060"}],"wp:attachment":[{"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/media?parent=31035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/categories?post=31035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.greytrix.com\/blogs\/sagex3\/wp-json\/wp\/v2\/tags?post=31035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}