India

ZestyBeanz Technologies Pvt Ltd 4th Floor, Nila, Technopark Thiruvananthapuram,
India – 695581
Phone: +91 471 4063254
Fax : +91 471 2700171

   .

ZestyBeanz Technologies Pvt Ltd
2987, Manikkath Cross Road
Ravipuram, Kochi, India - 682016
Phone: +91 484 4063254

  UAE

Zesty Labs
Office # 2003, Millennium Plaza Building
Sheikh Zayed Rd, Dubai, UAE
Phone: +971 4333 2222​
Mobile: +971-56-2708993​

  Germany​

ZestyBeanz Technologies GmbH
Reuterstraße 1
90408 Nürnberg
Fon: +49 911 4801 444
Fax: +49 911 4801 445

Working with Webkit Report on OpenERP

Contact Form


Arif's picture

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

      In the OpenERP (v6), open the module list and install the module report_webkit.
 
The module creates two new menu
  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.

 
This webkit report is shown below
 

 


Blog written by
Mohamed Arif MP