Example of Changing Buttons in a Plug-In

Consider the example of a catalog and a cart. The Order List Button changes its color when the supervisor approves the order.

  1. There's a plug-in, which implements three pages: "Catalog", "Cart" and "Order List". Each button has a corresponding icon:
    This screenshot shows the Cart, Catalog, and Order List buttons in a plug-in.
  2. User clicks "Catalog" and the plug-in shows the list of items available for order.

  3. User selects the items to order and closes the plug-in page.

  4. The plug-in updates the "Cart", so that it shows the count of the items in the cart:
    This screenshot shows the count of items on the Cart button in a plug-in.
  5. User clicks "Cart" and the plug-in shows the list of ordered items.

  6. User confirms the order and closes the plug-in page.

  7. The plug-in clears the counter on the "Cart" button and updates the "Order List" button so it shows the number of orders for approval:
    This screenshot shows the Cart button counter cleared and the Order List button updated in a plug-in.
  8. The plug-in prompts Oracle Field Service to run it in the background every five minutes to get the updated information from the server.

  9. The supervisor of the user approves the order.

  10. The plug-in runs in the background and receives the updated status of the order from the server. It clears the counter on the "Order List" button and highlights it:
    This screenshot shows the counter cleared on the Order List button and the button highlighted.

    User sees that the order is processed and approved without the need to reopen the plug-in.