(v22) Embed Composer Components Into Your Application

Embed Composer Components Into Your Application

You can embed Composer 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 Composer user definition. See Embedded Composer 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.

See the following topics for embedding components using JavaScript:

• Embedded Component Prerequisites
• Token-Related Configuration Properties
• Embed Composer Components Using JavaScript and Trusted Access
• EmbedManager Methods
• Embedded Dashboard Properties and Objects
• Embedded Visual Authoring Properties and Objects
• Embedded Events
• Interactivity Properties
• Embedded Composer Component Controls

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

• Embedded Component Prerequisites
• Generate an Embeddable Dashboard HTML Snippet
• Generate a Visual Gallery HTML Snippet
• Embed a Dashboard Using a Generated Snippet and Trusted Access Tokens
• Embedded Composer Component Controls
• Embed Multiple Composer Dashboards On a Single Page

See the following topics for embedding the source editor:

• Embedded Source Editor
• Embed Source Editor Properties