{"id":2232,"date":"2011-06-15T12:06:41","date_gmt":"2011-06-15T06:36:41","guid":{"rendered":"http:\/\/JitendraZaa.com\/blog\/?p=2232"},"modified":"2011-06-15T12:06:41","modified_gmt":"2011-06-15T06:36:41","slug":"creating-ui-map-in-oracle-utilities","status":"publish","type":"post","link":"https:\/\/www.jitendrazaa.com\/blog\/java\/creating-ui-map-in-oracle-utilities\/","title":{"rendered":"Creating UI Map in Oracle Utilities"},"content":{"rendered":"
\n
    \n
  1. Part 1 – Creating Data Area in Oracle Utilities <\/a><\/li>\n
  2. Part 2 – Creating Business Service and Service Program <\/a><\/li>\n
  3. Part 3 – UI Map in Oracle Utilities<\/a><\/li>\n
  4. Part 4 – BPA Script in Oracle Utilities to invoke UI Map<\/a><\/li>\n<\/ol>\n<\/div>\n

    This is the third article in series to create the UI Map in Oracle Utilities. In Previous two article we have seen that how to create the Business Service, Data Area and Service Program.<\/p>\n

    Navigate to “Admin Menu | U | UI Map +<\/strong>“. Give the UI Map Name as “CM_PERINPUT<\/span><\/em>” and select “UI Map Type” = Complete HTML Document.<\/p>\n

    \"Creating<\/a>
    Creating UI Map in Oracle Utilities<\/figcaption><\/figure>\n

    Now go to Schema Tab and in bottom section add below schema:<\/p>\n

    \n<schema>\n    <pNameSearch type="group">\n        <includeBS name="CM_PERSER"\/>\n    <\/pNameSearch>\n<\/schema>\n<\/pre>\n
    In above schema, we have included the Business Service “CM_PERSER<\/em><\/span>” by using tag <includeBS>.
    \nIn this way our UI Map will get the Schema of our “Business Service” which has all the definition about which should go to header part and which should go to body part.
    \nNow to generate the HTML you can use “Generate HTML” feature which have options to generate “Display only UI” or “Input UI” as per shown in below image.<\/p>\n
    \"Generate<\/a>
    Generate HTML in UI Map in Oracle Utilities<\/figcaption><\/figure>\n
    I used the “Input Map” and then customized. Following is the complete code.<\/p>\n
    \n<html>\n    <head>\n        <META http-equiv="Content-Type" content="text\/html; charset=UTF-8">\n        <title><\/title>\n        <link href="cisDisabled.css" type="text\/css" rel="stylesheet">\n        <link href="cisEnabled.css" type="text\/css" rel="stylesheet">\n      <script language="javascript" type="text\/javascript">\n\n   function validateEnterKey(e, htmlElement){\n                var characterCode;\n                if(e && e.which){ \/\/if which property of event object is supported (NN4)\n                    e = e;\n                    characterCode = e.which; \/\/character code is contained in NN4's which property\n                }\n                else{\n                    e = event\n                    characterCode = e.keyCode; \/\/character code is contained in IE's keyCode property\n                }\n\n                if(characterCode == 13){ \/\/if generated character code is equal to ascii 13 (if enter key)\n                    return true; \/\/Detected enter key press event\n                }\n                else{\n                    return false;\n                }\n            }\n\n    function searchByPName()\n    {\n         oraInvokeBS('CM_PERSER','pNameSearch' );\n         showResults();\n    }\n\n      function showResults(){\n                document.getElementById('resultTable') .style.display="inline";\n            }\n\n    <\/script>\n    <\/head>\n    <body oraError="automate:true; prefix:boGroup">\n        <table cellpadding="12" width="100%">\n            <tr class="oraErrorText">\n                <td><a onclick="oraShowErrorAlert(); return false;" href=""><span oraErrorVar="ERRMSG-TEXT" class="oraErrorText"><\/span><\/a><\/td>\n            <\/tr>\n        <\/table>\n        <table cellspacing="4" width="100%">\n            <colgroup>\n                <col class="oraLabel oraTableLabel">\n                <col class="oraNormal oraTableData">\n            <\/colgroup>\n            <tr>\n                <td>Search Person <\/td>\n             <td><input class="oraInput" oraField="pNameSearch\/pageHeader\/personName" id="serPer" onKeyDown="if(validateEnterKey(event,this)){searchByPName();};">\n                    <img src="images\/runSearch.gif" onclick="searchByPName()"\/>\n        <\/td>\n            <\/tr>\n\n                 <tr>\n                <td class="oraEmbeddedTable oraSectionEnd" colspan="2">\n                    <div class="oraGridDiv">\n                        <table cellspacing="2" style="display:none" oraList="pNameSearch\/pageBody\/PerNameList" id="resultTable" onResize="if (this.clientWidth > this.parentNode.clientWidth) { this.parentNode.className += ' oraGridDivScroll';};">\n                            <thead>\n                                <tr>\n                                    <th nowrap oraLabel="entityName" class="oraGridColumnHeader"><\/th>\n                                <\/tr>\n                            <\/thead>\n                            <tbody>\n                                <tr>\n                                    <td oraField="entityName" class="oraNormal oraDisplayCell"><\/td>\n                                <\/tr>\n                            <\/tbody>\n                        <\/table>\n                    <\/div>\n                <\/td>\n            <\/tr>\n        <\/table>\n    <\/body>\n    <xml style="display:none;"><\/xml>\n<\/html>\n<\/pre>\n
    Now, look into the below java script function which I have added In above code:<\/p>\n
    \nfunction searchByPName()\n    {\n         oraInvokeBS('CM_PERSER','pNameSearch' );\n         showResults();\n    }\n<\/pre>\n
    oraInvokeBS <\/strong>is the Utility java script method provided by the CC&B \/ ORMB which invokes the Business Service. First Parameter is the “Business Service Name” and second parameter is the xpath value from where the output of Business service (Java Program) should be copied.
    \nClick on save button to save the UI Map.
    \nTo check the UI and working of UI Map, go to Main tab and click on “Test UI Map”.<\/p>\n
    Following output will be shown:<\/p>\n
     <\/p>\n
    \"Test<\/a>
    Test UI Map in Oracle Utilities<\/figcaption><\/figure>\n
    \n
      \n
    1.  Part 1 – Creating Data Area in Oracle Utilities <\/a><\/li>\n
    2.  Part 2 – Creating Business Service and Service Program <\/a><\/li>\n
    3.   Part 3 – UI Map in Oracle Utilities<\/a><\/li>\n
    4.   Part 4 – BPA Script in Oracle Utilities to invoke UI Map<\/a><\/li>\n<\/ol>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
      This is the third article in series for creating the UI Map in Oracle Utlities \/ CC&B \/ ORMB<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"jz_research_post":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3,29],"tags":[52],"class_list":["post-2232","post","type-post","status-publish","format-standard","hentry","category-java","category-oracle","tag-ccb-ormb-spl"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":2243,"url":"https:\/\/www.jitendrazaa.com\/blog\/java\/create-bpa-script-in-oracle-utilities-to-invoke-ui-map\/","url_meta":{"origin":2232,"position":0},"title":"Create BPA Script in Oracle Utilities to invoke UI Map","author":"Jitendra","date":"June 15, 2011","format":false,"excerpt":"This is the fourth article in series And we will see how to Create BPA Script in Oracle Utilities to invoke UI Map.","rel":"","context":"In "JAVA"","block_context":{"text":"JAVA","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/java\/"},"img":{"alt_text":"Creating BPA Script in Oracle Utilities \/ ORMB \/ CC&B","src":"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2011\/06\/Creating-BPA-Script-in-Oracle-Utilities.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2195,"url":"https:\/\/www.jitendrazaa.com\/blog\/java\/step-by-step-tutorial-for-creation-guide-of-business-service-data-area-ui-map-and-bpa-script-in-ormb-ccb-oracle-utilities-for-beginners\/","url_meta":{"origin":2232,"position":1},"title":"Step by Step tutorial for creation of Business Service, Data Area, UI Map and BPA Script in ORMB \/ CC&B \/ Oracle Utilities for beginners","author":"Jitendra","date":"June 14, 2011","format":false,"excerpt":"Step by Step tutorial for creation guide of Business Service, Data Area, UI Map and BPA Script in ORMB \/ CC&B \/ Oracle Utilities for beginners","rel":"","context":"In "JAVA"","block_context":{"text":"JAVA","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/java\/"},"img":{"alt_text":"UI Map in ORMB\/CC&B\/Oracle Utility with BPA Script","src":"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2011\/06\/UI-Map-in-ORMB-with-BPA-Script.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2207,"url":"https:\/\/www.jitendrazaa.com\/blog\/java\/creating-business-service-and-service-program-in-ormb-ccb-oracle-utilities\/","url_meta":{"origin":2232,"position":2},"title":"Creating Business Service and Service Program in ORMB \/ CC&B \/ Oracle Utilities","author":"Jitendra","date":"June 15, 2011","format":false,"excerpt":"Creating Business Service and Service Programin ORMB \/ CC&B \/ Oracle Utilities","rel":"","context":"In "JAVA"","block_context":{"text":"JAVA","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/java\/"},"img":{"alt_text":"Edit Array Eclipse ORMB \/ CC&B \/ Oracle Utilities","src":"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2011\/06\/Edit-Array-Eclipse-ORMB.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2267,"url":"https:\/\/www.jitendrazaa.com\/blog\/java\/ccb-error-resolve-unable-to-move-value-into-property\/","url_meta":{"origin":2232,"position":3},"title":"CC&B error Resolve – Unable to move value into property","author":"Jitendra","date":"June 21, 2011","format":false,"excerpt":"How to resolve the error \"Unable to move value into property\" in Customer care and Billing (CC&B) \/ Oracle revenue management and billing System (ORMB) \/ Oracle Utilities","rel":"","context":"In "JAVA"","block_context":{"text":"JAVA","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/java\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2112,"url":"https:\/\/www.jitendrazaa.com\/blog\/java\/resolve-missing-builder-error-for-eclipse-in-ccb-ormb\/","url_meta":{"origin":2232,"position":4},"title":"Resolve Missing Builder error for eclipse in CC&B (ORMB)","author":"Jitendra","date":"May 11, 2011","format":false,"excerpt":"How to Resolve Missing Builder error for eclipse in CC&B (ORMB)","rel":"","context":"In "JAVA"","block_context":{"text":"JAVA","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/java\/"},"img":{"alt_text":"Missing Builder error in CC&B (ORMB)","src":"https:\/\/i0.wp.com\/jitendrazaa.com\/blog\/wp-content\/uploads\/2011\/05\/Missinh-Builder-error-in-CCB-ORMB.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":30924,"url":"https:\/\/www.jitendrazaa.com\/blog\/salesforce\/salesforce-energy-utilities-cloud-complete-admin-guide\/","url_meta":{"origin":2232,"position":5},"title":"Ultimate Guide to Salesforce Energy & Utilities Cloud for Admins","author":"Jitendra Zaa","date":"January 1, 2026","format":false,"excerpt":"Master Salesforce Energy & Utilities Cloud with this comprehensive guide. Learn about the Vlocity-to-Salesforce Industries evolution, data model architecture with Shivanya persona walkthrough, OmniStudio capabilities, Agentforce AI integration, and real-world success stories from ENGIE and British Gas.","rel":"","context":"In "Salesforce"","block_context":{"text":"Salesforce","link":"https:\/\/www.jitendrazaa.com\/blog\/category\/salesforce\/"},"img":{"alt_text":"Salesforce Energy & Utilities Cloud Complete Admin Guide - Featured Image","src":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2026\/01\/salesforce-energy-utilities-cloud-featured.png?fit=1200%2C675&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2026\/01\/salesforce-energy-utilities-cloud-featured.png?fit=1200%2C675&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2026\/01\/salesforce-energy-utilities-cloud-featured.png?fit=1200%2C675&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2026\/01\/salesforce-energy-utilities-cloud-featured.png?fit=1200%2C675&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/www.jitendrazaa.com\/blog\/wp-content\/uploads\/2026\/01\/salesforce-energy-utilities-cloud-featured.png?fit=1200%2C675&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/comments?post=2232"}],"version-history":[{"count":0,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/posts\/2232\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/media?parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/categories?post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jitendrazaa.com\/blog\/wp-json\/wp\/v2\/tags?post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}