Embed Strategy report page
The Embedding SDK allows you to quickly integrate a Strategy report page into a web application in a responsive manner. It also provides resources to add functionalities such as toggling the navigation bar and setting the visibility of icons in the navigation bar.
There are three basic steps for embedding a Strategy report page.
-
In the initial page of your web application, add a link to the Strategy JavaScript Embedding SDK.
<script src="{YOUR_LIBRARY_SERVER_URL}/javascript/embeddinglib.js"></script>
Replace
{YOUR_LIBRARY_SERVER_URL}
with your actual Library Server URL, e.g., https://demo.microstrategy.com/MicroStrategyLibrary. -
Create a
<div>
as the placeholder where you want to embed the report.<div id="reportContainer"></div>
-
Call the
microstrategy.embeddingContexts.embedReportPage(props)
method when the application has finished loading.microstrategy.embeddingContexts.embedReportPage({
serverUrl: "{YOUR_LIBRARY_SERVER_URL}",
projectId: "{YOUR_PROJECT_ID}",
objectId: "{YOUR_OBJECT_ID}",
placeholder: document.getElementById("reportContainer"),
});
To help you get started, we have provided a number of simple applications with sample code and explanations.
-
Properties for an embedded Strategy report page
Describes the properties that can be set for an embedded Strategy report page.