This example shows how to create a report viewer and show it in desired position. If you want to disable the automatic rendering of the viewer content after creation, set the third parameter of the constructor to false. In this case, the object viewer will be created in memory:
<script type="text/javascript">
	// Create the report viewer with default options
	var viewer = new Stimulsoft.Viewer.StiViewer(null, "StiViewer", false);
	
	...
</script>

To display the report viewer you can use the viewer.renderHtml() method, viewer renders its own content in the place, in which this method was called:
<script type="text/javascript">
	// Show the report viewer in this place
	viewer.renderHtml();
</script>

Also you can render the viewer content into the specified HTML element, for example DIV. For this you can use the viewer.renderHtml("elementId") method:
<script type="text/javascript">
	// Show the report viewer in specified element
	viewer.renderHtml("viewerContent");
</script>

...

<div id="viewerContent">
</div>

In the screenshot below you can see the result of the sample code:

Showing the Viewer in a Required Position

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.