Header Footer and landscape

Ron commented on Nov 18, 2020

Hi Sebastian Two question please: 1. I want to force the header to be always at the bottom of the A4 page either its landscape or portrait? 2. How can I setup a form to be landscape? Ron

Sebastian Morales commented on Nov 19, 2020

Ron, isn't a header at the bottom called a footer? I'm not sure how to customize header/footer content with Chrome print. You could hide either header/footer with css page's margin though. As for landscape printing it's possible with css as well:

<head>
<style>
    @media print{
        @page {
            size: landscape;
            margin-top: 0 !important; /* to hide header */
        }
        div.page { 
            padding-top: 50px; 
        }        
    }

</style>
</head>
<body>
    <div class='page'>
        Hello world 1
    </div>
    <div class='page-break'></div>
    <div class='page'>
        Hello world 2
    </div>
</body>

Ron commented on Nov 19, 2020

Sorry Sebastian I meant Footer. I want the header to on top and footer to be on bottom when I use landscape or portrait

Sebastian Morales commented on Nov 19, 2020

When you print pdf by Chrome, click the "More settings" label to show multiple options including a checkbox for headers and footers.

KoolReport's Forum

Header Footer and landscape #1718

Build Your Excellent Data Report