Get an idea of ReportBro's capabilities

ReportBro allows you to design templates for a wide variety of use cases.
Have a look at the provided examples including some of the initialization options. Feel free to modify the templates.

Invoice

TRY DEMO
  • DIN A4 in portrait view
  • PDF Invoice, XLSX with invoice number, date and amounts
  • Page header and footer
  • Number and date patterns
  • Uses a frame to group invoice sums block
  • Conditional printing of payment terms
  • Table with header & invoice elements
  • Calculated VAT and invoice amount
$(document).ready(function() {
    $("#reportbro").reportBro({
        menuShowButtonLabels: true
    });
});

Contract

TRY DEMO
  • DIN A4 in portrait view
  • Multipage including page breaks, page numbering
  • Text style templates
  • Repeating page header and footer
  • Omit page header on first page
  • Parameter evaluation with calculation
  • Applies different patterns to a parameter
  • No admin mode, no XLSX output
$(document).ready(function() {
    $("#reportbro").reportBro({
        adminMode: false,
        enableSpreadsheet: false
    });
});

Delivery slip

TRY DEMO
  • Menu with action buttons displayed vertically as sidebar
  • DIN A5 in portrait view
  • Bar code for scanning
  • Using patterns, calculations, evaluations for parameters
  • Additional date pattern applied as print setting
  • Frame to group recipient data
  • Page number and page count in footer
  • Grouping table data
  • Conditional styling in case a certain value is greater than 0
  • Table footer contains calculated sums
$(document).ready(function() {
    $("#reportbro").reportBro({
        menuSidebar: true,
        patternAdditionalDates: [ { name: 'd. MMMM yyyy', description: 'day. month year (month\'s full name), e.g. 15. September 1980' } ]
    });
});

Certificate

TRY DEMO
  • No admin mode (No modification of parameters)
  • DIN A4 in landscape view
  • Document grid initially not shown
  • Page-size frame border
  • Additional font
  • Additional font supporting Chinese characters
  • Using different border styles and colors
  • Item alignment
  • No XLSX Output
<style type="text/css">
    @font-face {
        font-family: "tangerine";
        src: url("fonts/tangerine.ttf");
    }
    @font-face {
        font-family: "firefly";
        src: url("fonts/fireflysung.ttf");
    }
</style>
$(document).ready(function() {
    $("#reportbro").reportBro({
        adminMode: false,
        enableSpreadsheet: false,
        showGrid: false,
        additionalFonts: [ { name: 'Tangerine', value: 'tangerine' }, { name: 'Firefly', value: 'firefly'} ]
    });
});