Loading...
Loading...

Live Chat Icon For mobile
Hugo Morris

Chat with the Bold BI Sales team now!

Live Chat Icon
Default Rendering >Embedding Dashboard
Embedding Dashboard
This sample describes how to embed Bold BI dashboard into your application using either the dashboard identifier or the dashboard path through JavaScript member APIs.
How can you explore?
To explore view mode,edit mode and create mode, select Embed mode icon from Select Embed Mode dropdown,then select dashboard from dashboard listing and then click Load Dashboard tab.
Properties
Load Dashboard

Code snippet that enables this functionality.


    function renderDashboard() {
        var boldbiEmbedInstance = BoldBI.create({
            serverUrl: rootUrl + siteIdentifier,
            dashboardId: dashboardId,
            embedContainerId: "dashboard-container",// This should be the container id where you want to embed the dashboard
            embedType: BoldBI.EmbedType.Component,
            environment: BoldBI.Environment.Enterprise, // If Cloud, you should use BoldBI.Environment.Cloud,
            mode: BoldBI.Mode.View,
            height: "800px",
            width: "1200px",
            authorizationServer: {
                url: "http://localhost:8080/embeddetail/get"
            },
            expirationTime: "100000",
            });
        boldbiEmbedInstance.loadDashboard();
    }