Adding the view shipment status hyperlink to access an external system

You can add a hyperlink in any screen to access the specified external system. For example, you can add View shipment status hyperlink in the Shipment Tracking screen. On clicking this link, users can track the shipment status in the specified external system.

Before you begin

Understand how to add widgets and IFrame widgets to a screen.

Procedure

  1. Log on to Sterling™ Call Center. The Home page opens.
  2. Open the Order Search Criteria screen in any of the following ways:
    • On the Home page, in the Order panel click Find Order.
    • From Related Tasks, click Order Search.
  3. Enter the appropriate order search criteria, and click Search. Your search results are displayed in the Search Results panel.
  4. Click the appropriate Order Number for which you want to view the order summary. The Order Summary screen opens.
  5. From Related Tasks > Frequently Asked Questions, click Where is my shipment?. The Shipment Tracking screen opens.
  6. From the application header, click the Development Tools icon Customize the selected screen, and select Customize from the list. Hover over the Shipment Tracking screen and right-click to select the screen.
    Alternatively, you can select Customize from Outline from the application header. The Select Screen to Extend window opens. From the tree, select ShipmentTracking and click Extend Screen.
    Note:
    • If you cannot customize the selected screen, an appropriate message is displayed.
    • If multiple instances of the same screen are found, by default, the first instance of the screen is selected for customization.
  7. By default, the Layout tab is selected. From the Widget Palette panel, select and drag the Link widget to the Screen Outline panel and place the widget in the appropriate position. The Basic Properties window opens.
  8. In the Unique identifier field, select the extn_shipmentstatus_link.
  9. In Field label, click Select field label for the text widget. The Field label window opens.
  10. Click Add bundle entry for the text widget. The Add Bundle Entry window opens.
  11. In the Bundle Text field, enter Shipment status.
  12. In the Bundle key field, extn_Shipment_status bundle key is populated.
  13. Click Ok.
  14. Click Select with Colon. The Basic Properties window opens.
  15. Click Apply.
  16. Click the Events tab.
  17. Add the local onClick event by clicking the Add iconAdd a handler. The Subscriber Details window opens.
  18. In the Method field, enter openShipmentStatus.
  19. Click Ok.
  20. Add a panel in which IFrame must be displayed. From the Widget Palette panel, select and drag the Content Pane widget to the Screen Outline panel and place the widget in the appropriate position. The Basic Properties window opens.
    For more information, see IFrame widget.
  21. In the Unique identifier field, enter extn_contentpane_iframeHolder for the panel, and click Apply.
  22. Click Apply.
  23. Click Save. The ShipmentTrackingExtn.js file is generated.
  24. Click Close.

What to do next

  • Browse to <INSTALL_DIR>/extensions/isccs/webpages/shipment/shipmentTracking, and open the ShipmentTrackingExtn.js file.
  • Add the following code in the subscriber:
    var iframeUId = _scWidgetUtils.createIframeWidget(this, null, {"IFrame": {frameId: 'myFrame',frameSrc: 
'<provide your application URL here>', applyCSRF: true, frameScrolling: 'yes' }});
 _scWidgetUtils.placeAt(this,"extn_contentpane_iframeHolder",iframeUId,null);
  • Import the appropriate utilities in scDefine.
  • Refresh or reload the screen to view the changes.