Embedding Dashboards and Widgets

Applicable to Sisense on Microsoft Windows

To learn about embedding dashboards and widgets in Linux, see Embedding Dashboards and Widgets.

You can embed Sisense dashboards and widgets in non-Sisense environments, such as in your own websites or applications, by concatenating parameters to the URL of your dashboard or widget. Embedding only the Data, Pulse or Admin tabs is not supported.

Sisense offers two embed modes:

Breaking Changes: From version 8.1, Designers will not be able to make any changes in view mode (including the changes listed above). In order for Designers to make any changes to dashboards and widgets, the host environment will have to be configured to edit mode.

Designers cannot make any changes in View mode (including the changes listed above). For Designers to make any changes to dashboards and widgets, the host environment will have to be configured to Edit mode.

Note: To add the Embed Code option to your dashboard menu, your Administrator must enable it from the Admin page under Feature Management.

To generate a URL to embed Sisense:

  1. Click on the dashboard or wizard menu, and select Embed Code.

    The Embed Dashboard window is displayed.
  2. In Mode, select an embed mode, Edit or View.
  3. In Configuration, select the desired configurations.
  4. In Specify Base URL, indicate your base URL if you have a different base URL.
  5. Click Copy Code to copy the URL of HTML code. You can copy the URL code to paste into your HTML tag, or copy the HTML code to embed in an iFrame.

Embedding with URLs

You can embed Sisense dashboards and widgets in non-Sisense environments, such as in your own websites or applications, by concatenating parameters to the URL of your dashboard or widget.

To embed Sisense:

  1. Copy the URL of the dashboard. For a widget, click to open the widget in the Widget Designer, and copy the URL of the widget.
  2. Add one of the following to the URL:

    • To embed in view-only mode: add the ?embed=true parameter to the URL of the dashboard or widget.
    • To embed in edit mode: add the ?embed=true&edit=true parameters to the URL of the dashboard or widget.

You can use this URL to embed the dashboard in an iFrame, for example:

<iframe id="ifm" name="ifm" width="100%" height="100%" frameborder="0" src="http://mysite.com/app/main#/dashboards/536f2b70d093e26c280000d5?embed=true&edit=true" scrolling="auto"></iframe>

Dashboard within a Folder

If your dashboard is within a folder, then first delete ?folder= and everything that follows, before adding ?embed=true.

This will open the dashboard without the surrounding Sisense environment.

For example:

Dashboard URL for dashboard within folder:

mysite.com/app/main#/dashboards/550952417404b2981a000029?folder=550955a27404b2981a00003b

Embedded URL for dashboard within folder:

http://localhost:8081/app/main#/dashboards/550952417404b2981a000029?embed=true

Embedding Configuration Options

In the View mode, the dashboard/widget appears by default with the Filters panel open. You can hide this panel, or you can enable all users to view other panels, to see the selections made there.

In Edit mode, when a user edits a widget, the metadata, filter/design and toolbar panels are displayed. You can hide some (or all) panels to prevent users from making changes to these panels, but you need to explicitly prevent these panels from being displayed.

You do that by adding the following parameters to the URL of the dashboard/widget following the main parameters ?embed=true or ?embed=true&l=false&r=false&t=false. All the below parameters are optional.

Parameter In Dashboards In Widgets

&h=true / false

Example:

?embed=true&h=true

Show/hide the environment header Show/hide the environment header

&t=true / false

Example:

?embed=true&t=true

Show/hide the dashboard toolbar Show/hide the widget toolbar

&l=true / false

Example:

?embed=true&l=true

Show/hide the Navigation Panel to the left Show/hide the data panel to the left

&r=true / false

Example:

?embed=true&r=false

Show/hide the filter panel to the right Show/hide the filter and design panel to the right

Dashboard panels:

Widget panels:

For example, if you want to hide the Sisense header from the dashboard, you can add the ?embed=true&edit=true&h=false parameters to the URL of the dashboard to hide the header:

mysite.com/app/main#/dashboards/5541dc7a80a4e2181e00011a?embed=true&edit=true&h=false

In this example, the embed=true embeds the dashboard into your environment in the view mode. The edit=true parameter allows the users with the appropriate permissions to edit Sisense in your environment. The h=false parameter hides the Sisense header, allowing you to whitelabel the dashboard.

Authentication in Embedded Dashboards and Widgets

All Sisense dashboards and widgets require authentication. When embedding dashboards and widgets outside of the Sisense environment, usually the use case is to not enforce the Sisense environment authentication, but rather use SSO (Single Sign On) with existing corporate authentication. To read more on configuring Single Sign On in Sisense, Introduction to SSO.