Embed Insight Dashboards in a Visual Builder Application

In addition to viewing dashboards within Oracle Integration, you can embed Insight custom web components in a Visual Builder application to render real-time Insight dashboards at runtime.

Limitations:

• The Visual Builder application and Oracle Integration must use the same Single Sign-On (SSO) instance.
• The Insight custom web components are certified to support Oracle JavaScript Extension Toolkit (JET) version 10.1.3 and earlier.
• Embedding a Business Transactions dashboard, which shows a list of business transactions, is not currently supported.

Insight custom web components, built using Oracle JET Composite Component Architecture (CCA), are available in the following downloadable zip files for embedding dashboards in a Visual Builder web application:

• insight-dashboard.zip to embed preconfigured and custom dashboards, as shown on the console page for the associated business process.
  
  
  
  
• insight-transaction-dashboard.zip to embed a Business Transaction Details dashboard in a selected view:
  • Business transaction details view:

    
    
    

  • Progress tracker view:
    
    

    For a description of the default milestones shown in the progress tracker dashboard, see Progress Tracker Dashboard.

    When you embed a progress tracker dashboard in another application, you can customize the dashboard to hide selected milestones (Exclude Milestones) and to show all milestones that have not been passed (Show skipped milestones), including Error and Terminal Error milestones, regardless of whether the business transaction is Completed or Active. When skipped milestones are shown for a Completed business transaction, the milestone sequence in the progress tracker dashboard is the order in which the milestones are defined in the model.

Download Insight Custom Web Components

To download the zip files containing the Insight custom web components for Visual Builder:

1. In Insight, go to the page that shows the dashboard(s) you want to embed (preconfigured and custom dashboards, the Business Transaction Details dashboard, or the progress tracker dashboard).

2. In the header area, click Embed Dashboard to open the Embed Dashboards dialog.

   
   
   

3. Hover your cursor over the Custom web components in Visual Builder selection, and click Download Custom Web Components .
   
   
   
   
   • Select Dashboards Component to download insight-dashboard.zip for embedding preconfigured and custom dashboards.
   • Select Business Transaction Details Component to download insight-transaction-dashboard.zip for embedding the Business Transaction Details dashboard or the progress tracker dashboard.
4. Save the downloaded zip file to a location in your local file system.

Embed Insight Dashboards

To embed Insight dashboards in a Visual Builder application:

1. In Visual Builder, create or open the Visual Builder application, then the associated web application in which you want to embed one or more Insight dashboards. See Manage the Applications in Developing Applications with Oracle Visual Builder in Oracle Integration.

2. In the Components palette, scroll to the OIC section near the bottom of the list.

   • If the OIC section exists and lists the Insight custom web component you want to use (insight-dashboard or insight-transaction-dashboard), go to the next step.
   • If the OIC section does not exist or does not list the required custom web component, click Import Web Component next to any other section to import one or both zip files from your local download location, depending on the dashboards you want to embed. For more information, see Import a Web Component Archive in Developing Applications with Oracle Visual Builder in Oracle Integration.

     Note:

     The names of the imported zip files must be insight-dashboard.zip and insight-transaction-dashboard.zip. Changing the names is not supported.
3. Once the zip files are imported, drag and drop the required Insight custom web components from the OIC section in the Components palette onto the Page Designer canvas.
4. In the right pane, enter values for the parameters associated with the Insight dashboard that you want to embed. Click next to each parameter for a description of the parameter value.
5. In the Page Designer, click Live to render the specified dashboards in the Page Designer canvas.