Page 1 of 1

CSS-Based PDF: footnote

Posted: Tue Oct 02, 2018 3:43 pm
by abacus66
I cannot see the footnote ruler in the PDF output. Although 'p-foot-notes.css' has the appropriate line:

Code: Select all

border-top: solid black thin;
What's wrong?

Re: CSS-Based PDF: footnote

Posted: Wed Oct 03, 2018 12:03 pm
by abacus66
As I noted in that file there is a "@footnote". But somewhere I saw a "@footnotes". When I tried @footnotes, I get message
“@footnotes” is a CSS hack

Re: CSS-Based PDF: footnote

Posted: Thu Oct 04, 2018 12:19 pm
by Dan
The @footnote part of a @page declaration controls the style of the separator between the page content and the footnotes. As content you should set a leader. The leader uses a letter or a line style to fill the entire width of the page.

Code: Select all


@page {
margin:0.5in;
....
@footnote {
content: leader(solid);
color:silver;
}
}
To create a dotted line you can use the dot character: leader('.'). Other commonly used characters are "-" (dash) and "_" (underscore).

Let us know if it worked.

Many regards,
Dan

Re: CSS-Based PDF: footnote

Posted: Fri Oct 05, 2018 10:13 am
by abacus66
Thanks! I'll try 8)