Log in / Register

Forum › Bugs

Page number only on last page at columns over multiple pages

pestafo
The page / page number styles in the following example are producing page numbers on different positions on left and right pages. They work fine except in a situation with a multi column section which goes over multiple pages as in the example below.
Have I done something wrong in the style definition or is this a problem with columns passing the page boundary?


<html>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<title>Test</title>
<style type="text/css">
@page {
size: A4;
margin-left: 0mm;
margin-right: 0mm;
margin-top: 0mm;
margin-bottom: 0mm;
padding: 0;
border: 0;
}
@page:left {
marks: crop cross;
margin: 80mm 18mm 50mm 0;
@bottom-left {
content: flow(pageNumberFlow);
margin-bottom: -45mm;
margin-left: -5mm;
}
}
@page:right {
marks: crop cross;
margin: 80mm 17mm 50mm 0;
@bottom-right {
content: flow(pageNumberFlow);
margin-bottom: -45mm;
margin-right: -20mm;
}
}
.pageNumber {
flow: static(pageNumberFlow);
content: counter(page);
width: 17mm;
height: 8mm;
background-color: gray;
font-family: Arial, Helvetica;
font-size: 8pt;
text-align: inside;
float: outside;
margin: 0;
padding: 1mm;
}
.toc-pagenumbers::after {
content: leader(" ") target-counter(attr(a), page);
}
.columns {
border-collapse: collapse;
margin: 0;
margin-left: 8.5mm;
margin-top: 8.5mm;
margin-bottom: 8.5mm;
padding-top: 2.5mm;
padding-left: 2.5mm;
padding-bottom: 2.5mm;
padding-right: 2.5mm;
page-break-inside: avoid;
font-family: Arial, Helvetica;
vertical-align: top;
}
.toc {
font-family: Arial, Helvetica;
font-size: 9pt;
margin-bottom: 0;
margin-top:1mm;
}
.toc-level1 {
font-size: 9pt;
font-weight: bold;
border-bottom: 0.5pt solid black;
margin-top: 6mm;
}
</style>
</head>
<body class="ifp-body">
<div class="columns" style="column-count:2;column-gap:5mm;">
<p class="toc toc-level1">Section 1</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-level1">Section 2</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-level1">Section 3</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-level1">Section 4</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-level1">Section 5</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-level1">Section 6</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-level1">Section 7</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-level1">Section 8</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-level1">Section 9</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-level1">Section 10</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-level1">Section 11</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="toc toc-pagenumbers">Text</p>
<p class="pageNumber">
</p>
</div>
</body>
</html>
mikeday
When I run your test case I get a "3" in the bottom-right corner of the third page. What kind of output are you expecting to get?
pestafo
I would expect a page number on each page. A '1' in the bottom-right corner on the first page, a '2' in the bottom-left on the second page and on the third page the a '3' in the bottom-right corner.
mikeday
In that case change the flow property for pageNumber to be "static(pageNumberFlow, start)" so that it appears as if the content was at the start of the document, not the end, or just move the content to the beginning of the document and it should work.
pestafo
Perfect, with both methods the page numbers appear as expected.
Thanks for your super fast and valuable Support !