How to Customize JD Edwards UX One Content
Since its release, UX One has proved to be incredibly useful for very specific use cases. As part of Oracle’s push towards improved user experience, various pre-built pages have been made available to Oracle JD Edwards (JDE) users. However, each organization has its own business cases and requirements. In this post, I will explain the creation and customization of UX One pages beyond its pre-built versions. In essence, UX One is great to receive alerts, analyze those alerts, and then act accordingly as defined by business processes.
Preparing for Customizations
Now that you have your environment set up and ready for development, you can finally customize a page according to your business case or needs. In this particular post, I demonstrate how to create an Order Management page for day to day users. It is important to remember that any custom UX One page will be treated as a Classic Page once uploaded to your Enterprise One environment.
To begin, you must access the Update Center via your verified My Oracle Support account.
Upon logging in, click the Patches & Updates tab.
Click JD Edwards under the Software and Patch Search Sites to open the Update Center.
Next, input “*E1JETDeveloper*” in the Search Name field to get the resources, examples, and templates you’ll need to create custom UX One content.
Note: Please make sure to check mark the License Agreement field so that you can download the package.
Once you press Search, you will see the following package in the search results. Press the icon to add the package to the Download Basket which is found on the left hand sidebar. Click on Items and then press the link to save the resources locally.
You should now have the template resources to begin modifying and customizing content for your UX One page.
Extract the downloaded zip file to a safe area on your desktop. Navigate to the extracted folder, double click the “LocalJETDevEnv” folder and launch the “LocalJETDevEnv” file via JDeveloper.
Please note that individual files within this folder can also be modified using any editor such as Notepad ++.
Select the appropriate role if JDeveloper asks for one.
Within JDeveloper, open the e1pages folder.
In the e1pagehelper.js file, you will need to configure your AIS Server configurations for the following:
AIS_HOST to the name of the AIS Server
AIS_PORT to the port of the AIS Server
Username used on the server
- Password used on the server
Finally, test your configurations by selecting any template folder, right-click on the home.html file and launch it with your preferred web browser. This will ensure that your AIS settings in the E1PageHelper.js file are correct.
You are now ready to create your own UX One Page! In my next blog post, I will continue the tutorial by guiding you through the process of customizing your page.
There’s more to explore at Smartbridge.com!
Sign up to be notified when we publish articles, news, videos and more!