Working with Webkit Report on OpenERP

Webkit Reports on OpenERP

      OpenERP have many methods for creating reports, on which webkit reports have some special features which makes an enviornment for easy and faster creation of reports, particularly for a web developer. 

The main features are:

• Full OpenERP Compliance (translation, formatLang, pdf/html output)
• Super fast printing (thousands of pages in a second)
• HTML & CSS-3 Reports definition
• Multi-plateform (Windows, Linux, OS X)
• Multi-header support with full image support (per report and/or per company)
• Multi-company compliant
• Full JavaScript support
• Easy paper-size, margin and format selection
• And more : easy to use, raw HTML debugger, full featured integrated WYSIWYG editor,

Installation

1. Administration / Companies / Company's Structure / Header IMG
2. Administration / Companies / Company's Structure / Header HTMLs

 

And also adds a new tab 'Webkit' in company's form veiw

Now download wkhtmltopdf-i386 from http://code.google.com/p/wkhtmltopdf/ and in OpenERP goto 'webkit' tab in form view of Company and give the path of  wkhtmltopdf-i386(see the above figure).

Configurations

      Open the menu Administration / Companies / Company's Structure / Header IMG, and add the static images used for the reporting, for eg., company logo etc.

 

     The Header HTML, contains the settings for the report contents, styling and page setup etc. You can add CSS styles like exactly using for web. The put the header design on header field. The images can be placed using the reference $ helper.embed_logo_by_name('img_name')}.  The ${company} referes to the object of company and ten fields of company can be fetch like ${company.partner_id.name |entity}. The footer field designs the footer of reports.

 

From the tab Page Setup contains the page settings of report, includes orientation, page size and page margins. 

 

Sample module

      Install the module report_webkit_sample and goto Accounting / Customer / Customer Invoices. A new print action 'Webkit Report' can see on right side, it will print the sample invoice report.