Showing a Report in the Viewer without Toolbar
Our sample projects and report templates can help you learn the basics of working with our products.Reports.JS ships ready-made components for Angular and Vue, so the viewer is used as a framework element.
Viewer setup. Configure the viewer, load the report, assign it to the component, and process the requests or events raised by the UI.
The component takes the report and a
Viewer setup. Configure the viewer, load the report, assign it to the component, and process the requests or events raised by the UI.
<script setup lang="ts">
import { Viewer, Stimulsoft } from 'stimulsoft-reports-js-vuejs/viewer';
var report = new Stimulsoft.Report.StiReport();
report.loadFile("Reports/SimpleList.mrt");
var viewerOptions = new Stimulsoft.Viewer.StiViewerOptions();
viewerOptions.toolbar.visible = false;
</script>
<template>
<Viewer :report="report" :options="viewerOptions" />
</template>The component takes the report and a
StiViewerOptions object; setting toolbar.visible = false gives a clean, read-only preview.