Telerik Reports and CSS

[Mihai]

Hello there,

I have a small issue, in that I would like to create a CSS file for my report.
I made an invoice, which will be displayed on a website and also exported and sent by the seller to his customers. Unfortunately there are some issues here:

1. since it's made out to be print-ready, the invoice itself is only about 600px wide...i would like to modify that so it will actually look good on the screen
2. i would like (seeing as I'm a web developer, very much used to working with CSS) to just apply some simple CSS rules to my invoice (i.e. fonts, colors, width, height, etc) but everytime I try to do that, nothing happens (this is the first time I've had to work with Telerik Reports...not really fammiliar with it yet)
3. if I actually manage to apply CSS to it, do I need to create some media querries for printing and exporting? or is that handled by the application itself?

[IvanY]

Hello Mihai,

Applying CSS to the report is not possible since this feature would have been available only in the HTML rendering. Therefore in order to preserve the consistency between the rendering extensions and the report viewers Telerik Reporting has its own way of styling the reports, which is much like the CSS way.

For more information regarding the styling of the report please check this help article.

Having this in mind:

1. You will have to change the report definition itself, which is not possible with CSS.
2. This is not possible since the report is placed in an iframe.
3. You can change the design of the report by using Report Parameters, which will be the equivalent of media queries in Telerik Reporting.

Greetings,
IvanY
the Telerik team

[Eric]

Just a heads up your link to the help article is dead.

[Stef]

Hi Eric,

Details about styling reports can be found in the Styling Reports section.

I hope this helps.

Regards,
Stef
Telerik