Tutorial: Customizing the Inventory search results page

In this tutorial, you learn how to customize the existing Order Hub Inventory search results page.

The customization by configuration approach is used in this tutorial to make simple updates to existing pages.

The customization by code approach is used in this tutorial, where:

The customization by overrides approach is used to add an action to existing pages, and to update existing pages by using UI fragments that are quickly prototyped by using the IBM Carbon UI Builder.

Note: This tutorial is targeted to customers who are subscribed to IBM Sterling™ Intelligent Promising Inventory Visibility. However, if you are not using Sterling Intelligent Promising Inventory Visibility, you can still follow this tutorial but the resulting screens and actions might not be fully operational.

Learning objectives

How to customize pages in the Inventory application by using the IBM Carbon UI Builder. The IBM Carbon UI Builder helps in this tutorial because you can quickly create a whole UI fragment without coding all the UI elements from scratch.
How to add an action to an existing table and access control the action with resource permissions.
How to add a page route and access control the route with resource permissions.
How to call Sterling Intelligent Promising Inventory Visibility APIs that are not currently used in any existing Order Hub pages.

Time required

This tutorial should take approximately 90 minutes to finish. If you explore other concepts that are related to this tutorial, it might take longer to complete.

Skill level

Intermediate

Audience

Developers who want to customize Order Hub.

Prerequisites

Set up a developer toolkit environment. For more information, see Getting started with customizing Order Hub.
Enable customization for the buc-app-inventory module. For more information, see Customizing existing applications.

Expected results

The Inventory search results table will include a new action to create a reservation for an item.

Screen capture of the overflow menu expanded on the search results table

When a user clicks Create reservation, the user is directed to your custom Create reservation page. You can specify the quantity to reserve and then make a call by using the Sterling Intelligent Promising Inventory Visibility API to capture the reservation.