The dashboard viewer can be rendered into any element on the page to fit your layout. This example draws it into a specific container.

Viewer setup. Configure the viewer, load the dashboard, assign it to the component, and process the requests or events raised by the UI.
var viewer = new Stimulsoft.Viewer.StiViewer(null, "StiViewer", false);
var report = Stimulsoft.Report.StiReport.createNewDashboard();
report.loadFile("../dashboard/Christmas.mrt");
viewer.report = report;

viewer.renderHtml("content");   // id of the target element
Rendering the viewer into a named element lets you size and position it with your own HTML and CSS — embedding the dashboard in a panel, tab or card.

By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.