Embed page

The Embed Page widget is a tool that allows users to link or display another entire web page within their page. This feature enables users to include relevant external or internal content seamlessly, enriching their page with additional information. You can embed an entire web page inside a single widget in your service catalogs.

For example, embed a Kibana visualization dashboard as show below.
Or, embed a Grafana visualization dashboard below.

Embedding a page - Properties

You can either choose from a predefined list of internal pages or embed an external page into the widget. Cross domain data exchange must be possible to embed an external page into your catalog.

To embed a page:

  1. From the Build component in the left menu, under the Widgets section, drag and drop the Embed page widget to any blue highlighted space on the page.
  2. Hover your mouse over the widget and click (Edit) icon.
    The Embed widget pop-up window opens with the Properties tab open by default.
  3. In the Embed widget window, under Properties, enter or select the required field information.
    Table 1. Field descriptions for Properties
    Field Description
    Widget Header Enter a suitable widget header
    Embed Page/URL You have two options for embedding a page in the widget:
    • Internal: Add an internal link from within AppViewX pages.
    • External: Users can embed cross origin enabled pages here.
  4. Click Save.

Embedding an Internal Page

  1. In the Embed widget window, under Internal, select an option from the drop down list. For example, Dashboard - ADC.
  2. To embed this page, click Save.
    The selected page is embedded and displayed in your service catalog.

Embedding an External Page

  1. In the Embed widget window, under Properties, click Others.
  2. Enter the URL of the page that is to be embedded.
  3. To embed the page, click Save.
    The page is embedded in your service catalog.

Embedding a Page - Styles

  1. For more options to customize the Embed widget, in the Embed widget window, click Styles.
  2. Under Sizing, you can increase/decrease the size of the widget.
  3. To save your settings, click Save.
  4. To restore the settings under Styles to default, click (Restore) icon.