Customizing detail views in the JSP console

About this task

A detail view shows more specific breakdown of information. It consists of one or more inner panels within an anchor page. Each inner panel consists of fields along with zero or more actions and zero or more icons. A detail view can make use of multiple APIs.

To customize a detail view:

Procedure

  1. Navigate to the screen that you want to change, so you can determine its view ID.
  2. Hover your mouse pointer over the screen's view title. The view title's tool tip indicates the view ID.
  3. From the Resource Hierarchy tree, navigate to the view ID and copy it, including its sub-resources, when prompted.
  4. Copy the JSP file for the original view into the INSTALL_DIR/extensions/global/webpages/PathOfOriginalJSP/ directory.
    Note: Customizing this view may require other files to be copied into the extn folder. A list of these required files can be seen by right-clicking on the entity and getting a JSP List.
  5. If the original view uses an anchor page and you want to customize it, use the Resource Hierarchy tree to navigate to your new view. Enter the relative path of your JSP file into the JSP field.
  6. Edit the anchor page JSP file as needed.
    Note: Verify that the anchor page contains the Resource IDs of all of the inner panels you want included.
  7. For each inner panel you must customize, perform the following steps:
    1. Copy the JSP file for the original inner panel into the INSTALL_DIR/extensions/global/webpages/PathOfOriginalJSP/ directory.
    2. From the Resource Hierarchy tree, navigate to your new inner panel. Enter the relative path to your JSP file in the JSP field. For example:
      /extensions/global/webpages/om/order/detail/order_detail_header.jsp
    3. Edit your inner panel JSP file as needed.
  8. If you want your new detail view to be the default view, resequence the new view so that the sequence number is a lower number than that of the original view.
  9. In order to make all links point appropriately to your new view, follow the steps in "Incorporating Customized Views Across the Application."
  10. Select the refresh cache icon that fits your needs as follows:
    • If you want to update one entity and its child resources, select the specific entity and select the Refresh Entity Cache icon.
    • If you want to update all resources, select the Refresh Cache icon.
  11. Log into the application again to test your changes.