This example shows how to change the viewer default theme. All you need to do is to use setTheme method. All themes included in JS files. For example, apply the Office2013 White Green theme to the viewer instead Office2022 White Blue. First, connect all needable scripts:
<!-- Stimulsoft Reports.JS -->
<script src="/../scripts/stimulsoft.reports.js" type="text/javascript"></script>
<script src="/../scripts/stimulsoft.viewer.js" type="text/javascript"></script>

Then, create buttons for themes choosing:
Changing the Viewer Theme
<button onclick="setTheme(Stimulsoft.Viewer.StiViewerTheme.Office2022WhiteBlue)">Office2022</button>
<button onclick="setTheme(Stimulsoft.Viewer.StiViewerTheme.Office2013WhiteGreen)">Office2013</button>
<button onclick="setTheme(Stimulsoft.Viewer.StiViewerTheme.SimpleGray)">Simple</button>
<button onclick="setTheme(Stimulsoft.Viewer.StiViewerTheme.WindowsXP)">WindowsXP</button>

Finally, use setTheme method to apply selected theme:
<script>
...
function setTheme(theme) {				
	viewer.setTheme(theme);
}
</script>

На скриншоте ниже Вы можете увидеть результат выполнения данного кода:

Changing the Viewer Theme

Используя этот сайт, вы соглашаетесь на использование файлов Cookie для аналитики и персонализированного контента. Файлы Cookie хранят полезную информацию на вашем компьютере, чтобы помочь нам повысить эффективность и удобство использования. Для получения дополнительной информации, пожалуйста, прочтите Конфиденциальность и Использование Cookie.