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.

Oracle’s UX One is a the next solution towards a better and enhanced user experience. If you aren’t already familiar with UX One on the JD Edwards platform, check it out here before you move forward with this post!

If you are familiar with it however but don’t feel like any of the out of the box solutions are for your organization, then this is the right place for you. Let’s get into customizing your very own UX One pages.

Pre-Customization Checks

Before beginning your own UX One customization, several prerequisites including configurations need to be made as listed by Oracle here. Here is a short list of things to configure and complete:

UX One Customization

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.

 Downloading Resources

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.

Customizing Content

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!