Changing the Viewer Theme
Our sample projects and report templates can help you learn the basics of working with our products.The web viewer ships with a set of visual themes and appearance options, chosen where the viewer component is declared in the Razor view.
Set the theme and background on the viewer. In
How it works. The theme and appearance are viewer options, so a single declaration in the view controls the look without touching the report or controller.
In the screenshot below you can see the result of the sample code:
Set the theme and background on the viewer. In
Index.cshtml:@Html.StiNetCoreViewer(new StiNetCoreViewerOptions()
{
Actions = { GetReport = "GetReport", ViewerEvent = "ViewerEvent" },
Appearance = { BackgroundColor = System.Drawing.Color.DimGray },
Theme = StiViewerTheme.Office2022BlackPurple
})Theme— one of theStiViewerThemepresets (e.g.Office2022BlackPurple) that restyles the whole viewer UI.Appearance.BackgroundColor— the color behind the report pages.
How it works. The theme and appearance are viewer options, so a single declaration in the view controls the look without touching the report or controller.
In the screenshot below you can see the result of the sample code: