Given the system is built around HTML using the HTTP protocol, the user is able to entirely customise the look and feel of all HTML pages and reports.
Each report produced by the system consists of a header, body (containing the information), and a footer. Whilst the body of the report is shaped by the parameters that are passed to it, the header and footer will remain constant and can be edited using any HTML editor.
Each report has an ID number assigned to it, as follows:
Report name | ID |
---|---|
Custom Report | 1 |
Billing Report | 2 |
Organisation Drill-Down | 3 |
Trunks Busy | 4 |
Call Geography | 5 |
Top Calls | 6 |
Incoming Response Analysis | 7 |
Frequent number | 8 |
Target response | 90 |
Extension Usage | 91 |
Daily activity | 92 |
Account summary | 93 |
Full Call Analysis | 94 |
First and Last Calls | 95 |
Cost Summary | 97 |
Inbound Call Performance | 98 |
Business Centre Summary | 100 |
Using these ID numbers, you can customise the header and footer of any report, by amending the corresponding customheader_x.html and customfooter_x.html files (where x is the ID number of the report), located in folder of the main installation program.
For example, if you want to add the company name to the heading of each telephone bill you produce, you need to locate the customheader_2.html within the folder.
An HTML example for such file is shown below:
<html> <body> <div align="left"> <table border="0" cellpadding="3" cellspacing="0" width="100%" style="font-family:Tahoma, Arial; font-size: 9pt"> <tr> <td width="66%" colspan="2"> <font size="6">Telephone Bill<br></font> <font size="5">for<#SSI_PARAM:extngroup><#SSI_PARAM:extension><#SSI_PARAM:account></font> </td> <td width="34%"><img src="img/company_logo.gif" align="right" width="100" height="100"></td> </tr> <tr> <td width="33%"></td> <td width="33%"></td> <td width="34%"><p align="right">Bill enquiries 020 7265 2600</td> </tr> </table> </div> <table border="0" width="100%" cellspacing="0" cellpadding="4" style="font-family: Tahoma; font-size: 9pt"> <tr> <td width="20%"><strong>Covering period</strong></td> <td width="80%"><#SSI_PARAM:fromdate><#SSI_PARAM:fromtime> <strong>to</strong> <#SSI_PARAM:todate> <#SSI_PARAM:totime></td> </tr> <tr> <td width="20%"><strong>Billing Entity</strong></td> <td width="80%"><#SSI_PARAM:extngroup><#SSI_PARAM:extension><#SSI_PARAM:account></td> </tr> </table> |
The example code would produce the following output:
The example above uses server-side includes (SSIs), described in the Dynamic reports section below. |
The system constructs the final report from three different HTML files - header, body and footer. Whilst it is not essential for some browsers, you should comply to the HTTP specifications and include the HTML page in a pair of HTML tags. As the final report needs to be rendered in one single file, the open HTML tag must be placed in the header and the closed HTML tag in the footer of the report.