Embed Symphony Components Into Your Application

You can embed Symphony components into your own applications.

The following components can be embedded:

dashboards
visual authoring experience
source editor

When components are embedded, the way in which users can interact with them is determined by settings established by their Symphony user definition. See Embedded Symphony Component Controls.

insightsoftware recommends using Trusted Access for all embed-related workflows.

The list of options available on an embedded visual's drop-down menu depends on:

The mode setting for the dashboard. If the embed mode is readonly or Read Only, no menu is available at all.
The visual interactivity settings specified in the visual definition.
The dashboard interactivity settings specified for the dashboard, if those settings include override interactivity settings for all visuals in the dashboard.

When options are shown for a visual in an embedded dashboard, they may be shown in the visual sidebar menu or within the visual drop-down menu itself, depending on the setting of the editor.placement property.

If editor.placement is set to dockRight, the options appear in sidebars using the visual sidebar menu and the resulting sidebar editing panels.

If editor.placement is set to modals, the options appear in the visual drop-down menu itself and the resulting floating dialogs.

In environments where you use Typescript for your client side code, you can use Embed Manager as an npm package. See https://www.npmjs.com/package/logi-embed.

See the following topics for embedding components using JavaScript:

See the following topics for embedding a dashboard using an embeddable dashboard snippet:

See the following topics for embedding the source editor: