Open UI: Adding New Control Using HTML Injection in PM/PR Causes Unexpected Behavior (Doc ID 2347192.1)

Last updated on MAY 13, 2022

Applies to:

Symptoms

BEHAVIOR
---------------
Adding new control using PM/PR leads to a misplacing behavior on existing controls.
Details on customization: Using Jquery progress-bar widget in a Form applet. The new control gets added but the entire form gets empty spaces and also the new div gets added in the existing div.

Where is the best place to add the new control via Open UI?

CONTEXT
---------------

Applet: Project Entry Applet
BC: Project

Add 3 new controls on the UI in order to have initial data in the progress bar creation:
- Day Remaining
- Days to Completion
- Day Limit

STEPS | NAVIGATION
---------------

1. Add in Manifest Files 2 custom JS files PM and PR ( generate templates using OpenUI: How to Work with JavaScript Application Programming Interface (API) (Doc ID 2089092.1) )
2. Add function^(*):

3. Add the JS files in Manifest Administration under Applet "Project Entry Applet"
4. Restart application
5. Test scenario

RESULTS | FINDINGS
---------------

Before and After screenshots have been attached, along with the code used.
There is indeed some extra space between rows, but this is in order to make room for the new control added. Checking with inspect element, the progress widget is added inside the TD corresponding to "Status".

Changes

Cause

My Oracle Support provides customers with access to over a million knowledge articles and a vibrant support community of peers and Oracle experts.