Changing the Designer Theme
Our sample projects and report templates can help you learn the basics of working with our products.The dashboard designer supports many themes, chosen through the options object from the
In Vue.
How it works. The theme is a designer option, so one assignment reskins the entire editor.
StiDesignerTheme enumeration.In Vue.
<script setup lang="ts">
import { Designer, Stimulsoft } from 'stimulsoft-dashboards-js-vuejs/designer'
var report = new Stimulsoft.Report.StiReport();
report.loadFile("Dashboards/Dashboard.mrt");
var options = new Stimulsoft.Designer.StiDesignerOptions();
options.appearance.theme = Stimulsoft.Designer.StiDesignerTheme.Office2022WhiteViolet;
options.appearance.fullScreenMode = true;
</script>
<template>
<Designer :report="report" :options="options" />
</template>options.appearance.theme— one of theStiDesignerThemepresets that restyles the whole designer UI.
How it works. The theme is a designer option, so one assignment reskins the entire editor.