Code Monkey home page Code Monkey logo

Comments (4)

n1smithy avatar n1smithy commented on July 24, 2024 1

I found a workaround:

If one needs more space at the bottom, just change following css-code:

(…)
<style>
(…)
@page {
    (…)
    /*size: $page_size;*/
    /*size: A4 $page_layout;*/
    size: 210mm 292mm; /* native DIN A4 is 210 mm × 297 mm */
(…)

For me it works just by subracting the milimeters of the bottom edge. So instead of the whole 297 mm i define the length of the paper by 295mm. So the page-numbers will be printed on the very last printable space of the paper.

from invoiceninja.

turbo124 avatar turbo124 commented on July 24, 2024

Can you give a test configuration that we can use to show the page numbering cut off please?

We deliberately place the numbering at this level so it does not overlap any other content.

from invoiceninja.

DrDBanner avatar DrDBanner commented on July 24, 2024

Can you give a test configuration that we can use to show the page numbering cut off please?

Take any template and enable the page numbering. If you print the page set to 100% in size and you have a printer that's not capable of printing so close to the page's edge. Should happen quite frequently with ink printers. Laser printer will have this issue less frequent. If you set the size to Auto-fit, it should also be not cut off, but the document is smaller in total on paper.

I found it odd myself, that I am not able to reposition this thing. If it was accessible via CSS, that would fix it I guess.

from invoiceninja.

n1smithy avatar n1smithy commented on July 24, 2024

That's true what Hulk … – I mean: what DrDBanner says: the problem seem to occure on every template/design. Even on my laser-printer Brother MFC-L2750 (2–3 mm cut off edge) one can only see a little bit of the top of the page-numbering.

[EDIT]
The screenshot above by the way is taken from the online-demo.

from invoiceninja.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.