BookStack PDF Export header & footer

export-body-start.blade.php

@if ($format === 'pdf')
<style media="print">
    .print-header-footer {
        position: fixed;
        width: 100%;
    }

    .print-footer {
        position: fixed;
        bottom: -40px;
        width: 100%;
    }

    .print-header-footer-inner {
        max-width: 840px;
        margin: 0 auto;
        color: #666;
    }

    .print-page-number:after {
        content: "Page "counter(page);
    }

    @page {
        margin-top: 100px;
        margin-bottom: 80px;
    }
</style>

<div class="print-header-footer" style="top: -60px;">
    <div class="print-header-footer-inner">
        <div style="float: left; opacity: 0.6;">
            <img height="42" src="data:image/png;base64,{{ base64_encode(file_get_contents(theme_path('logo.png'))) }}">
        </div>
        <div style="float: right;">
            <div class="print-page-number"></div>
        </div>
    </div>
    <div style="clear:both;"></div>
</div>

<div class="print-header-footer" style="bottom: -40px;">
    <div class="print-header-footer-inner">
        <div style="float: left;">
            Copyright 2022
        </div>
        <div style="float: right;">
            <div class="print-page-number"></div>
        </div>
    </div>
    <div style="clear:both;"></div>
</div>
@endif

notes.md

This gist is to provide the resultant code of a BookStack video guide. The code existed at themes/custom/layouts/parts/export-body-start.blade.php relative to the BookStack installation folder.

This uses the visual theme system so you need to have an theme folder active in your instance. The code assumes you have a logo.png file in the root of your custom theme folder.

@ssddanbrown Now place and customize the dociog that you created but I keep getting the title of the file and I don't need it there.
I need it only on the left side so that it does not occupy the entire title of the document

<div class="print-header-footer-inner">
    <div style="float: left;">
    @yield('title')
    </div>
    <div style="float: right; opacity: 0.6;">
    <img height="42" src="data:image/png;base64,{{ base64_encode(file_get_contents(theme_path('logo.png'))) }}">

    </div>
</div>

<div class="print-header-footer" style="bottom: -40px;">
    <div class="print-header-footer-inner">
        <div style="float: left;">
        &copy; {{ date('Y') }} {{ $page->id }}
        </div>
        <div style="float: right;">
            <div class="print-page-number"></div>
        </div>
    </div>
    <div style="clear:both;"></div>
</div>

now just need remove the headers 😄

Hi Dan
Thanks for this great tweak for the PDF export layout.

Is it also possible to include the book name to the header?
I tried with
{{ $book->name ?? ''}}
but this remains empty.
It works for page title but not for the book name.
Is there a way to achieve this?

@Limerick-gh is this for page exports? If so then {{ $page->book->name ?? '' }} may work. Check it doesn't break book/chapter exports though.

Awesome, this works as expected! Thank you so much for your prompt reply! Much appreciated!
And yes this was for page export.
Will pay attention on book/chapter exports.