Working with Designer/Showing the Designer in a Required Position.html

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="shortcut icon" href="../favicon.ico" />
    <title>Showing the Designer in a Required Position</title>

    <!-- Stimulsoft Reports.JS -->
    <script src="../scripts/stimulsoft.reports.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>

    <!-- Report designer scripts, may be external -->
    <script type="text/javascript">
        // Create the report designer with default options
        var designer = new Stimulsoft.Designer.StiDesigner(null, "StiDesigner", false);
        // Create a new report instance
		var report = new Stimulsoft.Report.StiReport();
		// Load report from url
		report.loadFile("../reports/SimpleList.mrt");
		// Assign report to the designer
		designer.report = report;
    </script>
</head>

<body>
    Showing the Designer in a Required Position
    <br><br>

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

</html>