Following on from the Themes blog I wrote a while ago, 'Adding a new Theme to CRM', I'm going to show you some simple tricks that you can use to change the style of reports for your custom theme.
If we create a custom theme abcmotors as specified in the 'Adding a new Theme to CRM' blog, then we can modify the style sheets within the <CRM install name>\WWWRoot\Themes\Reports\abcmotors folder to produce a modified theme for our custom reports.
Reports use two different style sheets, StdPlain.css and StdGrids.css which relate to the Report Styles 'Standard without grids' and 'Standard with grids' respectively. Each theme will have a copy of each. For our purposes we can find the style sheets in <CRM install name>\ WWWRoot\Themes\Reports\abcmotors folder.
If I run the Company List by Segment report that comes standard with the Sage CRM v7.1 SP1 demo data install I get the following screen display
I want to customise this report based on my abcmotors theme. I want to align the Main report header to the centre instead of the left and I want the header text to be red. So I'll open the StdGrids.css and add text-align: centre and update the color tag to be red inside the TD.REPORTTITLE style:
I'm going to change the table header background color to a blue color so I'll update the background tag to be #006699 inside the TD.REPORTCOLUMNHEADER style
font-family: Tahoma, Arial;
Save the StdGrids.css. Open StdGridsPC.xsl and change the line <LINK REL="stylesheet" HREF="../Themes/Reports/color/StdGrids.css"/> to <LINK REL="stylesheet" HREF="../Themes/Reports/abcmotors/StdGrids.css"/>
Save the StdGridsPC.xsl
Also I want to change the logo on top of the reports. Simply substitute your new logo image for the Logo.jpg found in <CRM install name>\WWWRoot\Reports\. Make sure you backup the original Logo.jpg in case you want to revert back it again at a later stage.
Refresh metadata and clear out the browser cache. When you run the report again it will look like this:
You can make as many modifications to the report style as you like so it corresponds to your main theme.
You would have to update the StdPlain.css and StdPlainPC.xsl accordingly if you are printing out reports using the 'Standard without grids' report style.