Cloud
Cloud-Dienstleistung für schnelle und effektive Analyse und Visualisierung von Daten für Ihr Business ohne eigene Applikationen zu erstellen oder zu programmieren.
Changing the Viewer Theme
Unsere Beispiele der Projekte und Berichtsvorlagen helfen Ihnen, die Grundlagen der Arbeit mit unserer Software zu erlernen.The dashboard viewer supports many themes, chosen through the options object from the
In Vue.
How it works. The theme is a viewer option, so one assignment reskins the entire preview.
StiViewerTheme enumeration.In Vue.
<script setup lang="ts">
import { Viewer, Stimulsoft } from 'stimulsoft-dashboards-js-vuejs/viewer'
var report = new Stimulsoft.Report.StiReport();
report.loadFile("Dashboards/Dashboard.mrt");
var options = new Stimulsoft.Viewer.StiViewerOptions();
options.appearance.theme = Stimulsoft.Viewer.StiViewerTheme.Office2022WhiteViolet;
options.appearance.fullScreenMode = true;
</script>
<template>
<Viewer :report="report" :options="options" />
</template>options.appearance.theme— one of theStiViewerThemepresets that restyles the whole viewer UI.- The options object is passed to the
Viewercomponent together with the report.
How it works. The theme is a viewer option, so one assignment reskins the entire preview.