Material styles for angular report viewer

[Tobias]

Hi,

i have integrated the new angular ReportViewer component into my angular project. Every think works fine but i want to include the material style into my project without references the styles with the urls from the web like this

<link href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.material.min.css" rel="stylesheet" />

Currently, i have not installed the complete kendo ui package, just the package telerik-angular-report-viewer.

I have installed the npm package kendo-theme-default, but the theme does not format the viewer correctly and i want the material style instead of default.

Can i include the material style without installing the complete kendo package or have i another option to include the styles without referencing to a web url?

 

[Stef]

Hi Tobias,

In the local Angular demos you can replace kendo.blueopal.min.css with the theme you need to test the new theme. You can inspect the rendered HTML to check if there are external CSS rules messing the default styles of the viewer.

If there are other settings we miss, please open a support ticket and share your project. Include also screenshots of the way the viewer looks in browser.

Regards,
Stef
Telerik by Progress