Working with Dashboard/Editing a Dashboard Template.html

﻿<!DOCTYPE html>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link rel="icon" href="../favicon.ico" />
	<title>Editing a Dashboard Template</title>

	<!-- Stimulsoft Dashboards.JS -->
	<script src="../scripts/stimulsoft.reports.js" type="text/javascript"></script>
	<script src="../scripts/stimulsoft.dashboards.js" type="text/javascript"></script>
	<script src="../scripts/stimulsoft.viewer.js" type="text/javascript"></script>
	<script src="../scripts/stimulsoft.designer.js" type="text/javascript"></script>
	<script src="../scripts/stimulsoft.blockly.editor.js" type="text/javascript"></script>

	<!-- Dashboard designer scripts, may be external -->
	<script type="text/javascript">
		// Set full screen mode for the designer
		var options = new Stimulsoft.Designer.StiDesignerOptions();
		options.appearance.fullScreenMode = true;

		// Create the dashboard designer with specified options
		var designer = new Stimulsoft.Designer.StiDesigner(options, "StiDesigner", false);
		// Create a new dashboard instance
		var report = Stimulsoft.Report.StiReport.createNewDashboard();
		// Load dashboard from url
		report.loadFile("../dashboard/DashboardChristmas.mrt");
		// Edit dashboard template in the designer
		designer.report = report;
	</script>
</head>

<body>
	Editing a Dashboard Template
	<br><br>

	<div>
		<script type="text/javascript">
			// Show the dashboard designer in this place
			designer.renderHtml();
		</script>
	</div>
</body>

</html>