Customize HTML Reports

There are several possible ways to customize HTML reports.

Adding logo into the report

  1. Run BSC Designer.
  2. Select “Document Properties” command in “File” menu.
  3. Go to the “Custom Files” tab
"Custom Files" Tab in BSC Designer

Step 3. “Custom Files” Tab in BSC Designer

Add "company_logo" template. Assign specific graphical file.

Step 4. Add “company_logo” template. Assign specific graphical file.

Step 5. Use "Notepad" or any text editor to open Common.html file and add %company_logo% as shown on the screenshot

Step 5. Use “Notepad” or any text editor to open Common.html file and add %company_logo% as shown on the screenshot (click to enlarge).

  • Find common.html template file, normally it is located in C:\Program Files\BSC Designer\Templates
  • Use Windows Notepad or some text editor to modify the common.html
  • Find in the beginning of common.html file the string: <h1 style=”margin-top: 0; margin-bottom: 0″><span style=”font-weight: 400″><font size=”5″>
  • Right after this string insert: <img alt=”” src=”%company_logo%” width=”48″ height=”48″>

Resulted template file might be a little different, but the idea is the same:

<html>
<head>
<title><#Common Value=”DocumentName”> | <<<Balanced Scorecard Report>>></title>
</head>
<body>
<a name=”<#Root Value=”Link”>”></a>
<h1 style=”margin-top: 0; margin-bottom: 0″><span style=”font-weight: 400″><font size=”5″>
<img alt=”” src=”%company_logo%” width=”48″ height=”48″><#Common Value=”DocumentName”></font></span></h1>

Now, try generating HTML report. Select “Export to HTML” command in Reports menu.

The resulted report includes now the logo of the company in the header.

The resulted report includes now the logo of the company in the header.

Changing charts position

BSC Designer’s options allow to change the position of certain chart in the report.

  1. Run BSC Designer
  2. Select “Application options” command in “Tools” menu.
  3. Go to the “Report” tab
Here user can define what charts should be displayed in the report.

Here user can define what charts should be displayed in the report and the relative location of charts.

Posted in Features
Tags: , ,
Video ManualMore videos for BSC Designer.

Call me back

Do you have any questions? Let us know the best time to call you.

BSC Designer users say

BSC Designer

Get the latest version of the BSC Designer - professional balanced scorecard software.

Introduction to the Balanced Scorecard

BSC Lessons

We are not going to leave you alone with our software and books about the Balanced Scorecard.
  • We are going to follow up with you with lessons about the Balanced Scorecard.
  • Our goal is to teach you key ideas and
  • Show you how these ideas can be automated.
Download BSC Designer and get your first BSC lesson or subscribe to BSC lessons directly: