Telerik Reports and CSS

4 posts, 0 answers
  1. Mihai
    Mihai avatar
    3 posts
    Member since:
    Jan 2009

    Posted 24 Apr 2013 Link to this post

    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?
  2. IvanY
    IvanY avatar
    417 posts

    Posted 29 Apr 2013 Link to this post

    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.

    the Telerik team

    Have you tried the new visualization options in Telerik Reporting Q1 2013? You can get them from your account.

  3. DevCraft banner
  4. Eric
    Eric avatar
    6 posts
    Member since:
    Mar 2014

    Posted 22 Jun in reply to IvanY Link to this post

    Just a heads up your link to the help article is dead.
  5. Stef
    Stef avatar
    2930 posts

    Posted 24 Jun Link to this post

    Hi Eric,

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

    I hope this helps.

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top