About Sections in Country-Specific Reports

The About sections contain additional information about the report (for example, the report’s title, selected period, company, author, or date). To add an About section, use the table with class .csr-about. This table is usually filled with system variables.

Note:

The About section can be used both above the main content and under it. In most of the cases, the date and author should be added to the bottom.

There are several predefined classes for the most used types of information. View the sample code for examples of their use.

          <!-- About section over the content -->
<table class="csr-about">
    <tr>
        <td width="60%" rowspan="2" class="csr-valign-bottom">
            <h2 class="csr-title">${VAR.report_title.name}</h2>   
            <h4 class="csr-period"><span class="csr-period-from">${FLT.period_from}</span> - <span class="csr-period-to">${FLT.period_to}</span></h4>
        </td>
        <td width="20%" class="csr-company-name">${‌SYS.companyname}</td>
        <td width="20%" class="csr-company-address">${‌SYS.companyaddress}</td>
    </tr>
    <tr>
        <td class="csr-company-name">${‌SYS.subsidiaryname}</td>
        <td class="csr-company-address">${‌SYS.subsidiaryaddress}</td>
    </tr>
</table>
<!-- END About -->
 
<div class="csr-content">
    <table class="csr-data">
        <!-- ... -->
    </table>
</div>
 
<!-- About section under the content -->
<table class="csr-about">
    <tr>
        <td width="80%"></td>
        <td width="20%">
            <div class="csr-date">${‌SYS.datetime}</div>
            <div class="csr-author">${‌SYS.username}</div>
        </td>
    </tr>
</table>
<!-- END About --> 

        
An example of how a table created using the Country-Specific Reports SuiteApp looks like with the About section added to it. The About sections contain additional information about the report.

Related Topics

General Notices