1. NOTICE: If you are using Fabrik and update to Joomla 3.10, you will need to update to Fabrik 3.10. And, if you are using Fabrik, do not upgrade to Joomla 4, we do not have a supported version ready for release. More information on a release date coming soon. Also, please note that Fabrik 3.10 will not install on any Joomla sites less than 3.8.
    Dismiss Notice

PDF output

Jul 22, 2021
PDF output
  • Docu is work in progress.


    If Fabrik PDF output should be used you must install the "Fabrik Library" from Fabrik Download http://fabrikar.com/download to get the necessary files including the dompdf and mpdf library (it's to big to have it in Fabrik core).
    Go to Fabrik "Options" (button upper right on every Fabrik backend site).
    In the "Global" tab select your prefered PDF library.
    In "Debugging" tab: Debug PDF has to be NO
    In "List" and "Form" tab: you can choose global settings for showing the PDF button (can also be set individually in list and form "Layout" settings )
    In "List" tab you can enable "Allow PDF Localhost" and "Allow PDF IP" if you are running into issues with access settings (see tooltips for details)

    3rd party compatibility(top)

    Plugin System - Flexisystem, core functions: make sure "Redirect pdf format" is set to NO.


    PDF options can be set in list and form settings ("Layout" section)
    The PDF icon has also global options in Fabrik "Options".

    PDF templates(top)

    The standard templates can be used, but is recommended to create custom PDF templates.
    To create a custom template, copy the templates folder and rename it. Template locations are as follows:
    • Joomla 3+: Details: components/com_fabrik/views/details/tmpl/ (PDF template is always a details template)
    • Joomla 3+: List: components/com_fabrik/views/list/tmpl/
    • Joomla 2.5+: Form: components/com_fabrik/views/form/tmpl25/
    • Joomla 2.5+: Details: components/com_fabrik/views/details/tmpl25/
    • Joomla 2.5+: List: components/com_fabrik/views/list/tmpl25/
    Dompdf has issues in rendering e.g. float and boxes, in a custom template you can adapt the CSS settings to your needs.
    CSS example details view(top)
    To get labels left you can add or modify your custom CSS File.
    Code (Text):
    #{$form} .fabrikElementContainer.span12 {position:relative;margin-bottom:10px}
    #{$form} .fabrikElementContainer .span4 {display:inline-block;width:30%}
    #{$form} .fabrikElementContainer .span8 {display:inline-block;left:31%;width:68%}
    To display yes/no (domPDF standard fonts don't support the IcoMoon icons)
    Code (Text):
    #{$form} .icon-checkmark:before {content:'yes'}
    #{$form} .icon-remove:before {content:'no'}
    CSS example list div template(top)
    Code (Text):
    #listform_$c .fabrikList .row-fluid .span4 {display:inline-block;width:26%;float:none;}
    #listform_$c .fabrikList .row-fluid {page-break-inside:avoid;}

    domPDF template with page header, footer and pagenumber(top)

    Create a custom template.
    Edit default.php (this example is referring to a copy of fabrik list bootstrap template):
    Below line "defined('_JEXEC') or die('Restricted access');" add
    Code (Text):
    <div id="footdompdf">
        <span class="footleft"><?php echo $this->table->label;?></span>
        <span class="pagenum">Page </span>
    <div id="headerdompdf">
        <span class="headleft"><?php echo $this->table->label;?></span>
        <span class="pdfdate">19-11-2013</span>
    Create/edit custom_css.php
    Add CSS
    Code (Text):
    body {margin-top:1.5em;margin-bottom:1.5em}
    #headerdompdf {
        position: fixed;
        top: 0px;
        border-bottom: 1px solid red;
    #footdompdf {
        position: fixed;
        bottom: 0px;
        height: 1.1em;
        border-top: 1px solid red;
    #footdompdf .pagenum { position:absolute;
        right: 20px;}
    #footdompdf .pagenum:after {
      content: counter(page) ; //This is including the page number at bottom right
    #footdompdf .footleft {

    mPDF template with page header, footer and pagenumber(top)

    See also https://mpdf.github.io/headers-footers/method-4.html
    Create a custom template.
    Edit default.php (this example is referring to a copy of fabrik list bootstrap template):
    Below line "defined('_JEXEC') or die('Restricted access');" add
    Code (Text):

        @page {size:auto;
          odd-header-name: html_MyHeader1;
          odd-footer-name: html_MyFooter1;
    .fabrikDataContainer table {page-break-inside:auto;width:100%;}

        <htmlpageheader name="MyHeader1">
            <div style="text-align: right; border-bottom: 1px solid #000000; font-weight: bold; font-size: 10pt;">My document {DATE j-m-Y}</div>
    <htmlpagefooter name="MyFooter1">
        <table width="100%">
                <td width="33%">{DATE j-m-Y}</td>
                <td width="33%" align="center">{PAGENO}/{nbpg}</td>
                <td width="33%" style="text-align: right; ">My document</td>
    Additionally replace <tfoot> </tfoot> tags (navigation around line 71/ 77 resp. calculation around line 118/136) with <tbody> </tbody>

    PDF fonts, UTF-8 characters(top)

    Dompdf uses it's own fonts included in (as of Fabrik 3.8) libraries/fabrik/vendor/dompdf/dompdf/lib/fonts. Only the dejavu fonts support UTF-8 characters.

    To force the PDF output to use DejaVu, put this in a custom_css.php in your template folder:
    Code (Text):

    * {font-family:'dejavu sans'!important}
    Too include a custom font in a pdf details view, you can add the following:

    Code (Text):

    @font-face {
    font-family: 'yourfontname';
    font-style: normal;
    font-weight: normal;
    src: url('https://websitedomain/subfoldername/yourfontname.ttf) format('truetype');

    Filter Values(top)

    Filter values are in
    e.g. for a date range filter
    Code (Text):
    echo $this->filters['test___date_time']->displayValue;
    will give something like
    2020-07-15 16:30:36, 2021-07-22 16:30:36
  • Loading...
AlainR and tagger like this.