I’m trying to do a stylized page numbering on my document and having some trouble.

 

The goal is to put a black circle on the bottom-leftt side of the page with the page number in white centered in the circle. I tried using a table with a background image for this purpose but it only lets me use a 72dpi image but I need this to be 300dpi or a vector image. When I inserted a 300dpi image it just made the image bigger.

I tried inserting a svg image but fop wouldn’t output it (just showed up blank).

 

I’d really appreciate any help you could provide, including different ways of achieving the same thing.

 

Below follows what I’ve got so far.

 

Thanks,

-Arni

 

 

 

 

<fo:static-content flow-name="even-page-footer">

                   <fo:block>

                       <fo:table width="100%" table-layout="fixed" space-before.optimum="1pt" space-after.optimum="2pt">

                           <fo:table-column column-width="0.30in" />

                           <fo:table-column />

                           <fo:table-column />

                           <fo:table-body>

                               <fo:table-row>

                                   <fo:table-cell padding-bottom="0pt" padding-left="0pt" padding-right="0pt" padding-top="0pt" border-style="solid" border-width="1pt" border-color="white" height="30pt" padding-start="3pt" padding-end="3pt" padding-before="3pt" padding-after="3pt" display-align="center" text-align="start">

                                       <fo:block />

                                   </fo:table-cell>

                                   <fo:table-cell padding-bottom="0pt" padding-left="0pt" padding-right="0pt" padding-top="0pt" border-style="solid" border-width="1pt" border-color="white" height="30pt" number-columns-spanned="2" padding-start="3pt" padding-end="3pt" padding-before="3pt" padding-after="3pt" display-align="center" text-align="start">

                                       <fo:block />

                                   </fo:table-cell>

                               </fo:table-row>

                               <fo:table-row>

                                   <fo:table-cell font-size="inherited-property-value(&apos;font-size&apos;) - 2pt" padding-bottom="0pt" padding-left="0pt" padding-right="0pt" padding-top="0pt" border-style="solid" border-width="1pt" border-color="white" text-align="left" width="0.30in" padding-start="3pt" padding-end="3pt" padding-before="3pt" padding-after="3pt" display-align="center">

                                       <fo:block>

                                           <fo:table width="0.3in" table-layout="fixed" space-before.optimum="1pt" space-after.optimum="2pt">

                                               <fo:table-column column-width="0.3in" />

                                               <fo:table-body>

                                                   <fo:table-row>

                                                       <fo:table-cell background-image="../graphics/pageNumCircle.jpg" background-repeat="no-repeat" border-bottom-style="none" border-left-style="none" border-right-style="none" border-top-style="none" padding-left="-0.75pt" border-style="solid" border-width="1pt" border-color="white" height="0.25in" text-align="center" width="0.3in" padding-start="3pt" padding-end="3pt" padding-before="3pt" padding-after="3pt" display-align="center">

                                                           <fo:block>

                                                               <fo:page-number color="#EEEEEE" font-family="MetaPlusMedium-Roman" font-size="10pt" />

                                                           </fo:block>

                                                       </fo:table-cell>

                                                   </fo:table-row>

                                               </fo:table-body>

                                           </fo:table>

                                       </fo:block>

                                   </fo:table-cell>

                                   <fo:table-cell font-size="inherited-property-value(&apos;font-size&apos;) - 2pt" padding-bottom="0pt" padding-left="0pt" padding-right="0pt" padding-top="0pt" border-style="solid" border-width="1pt" border-color="white" text-align="left" padding-start="3pt" padding-end="3pt" padding-before="3pt" padding-after="3pt" display-align="center">

                                       <fo:block>

                                           <fo:inline font-family="MetaPlusBold-Caps">&#160;&#160;&#160;&#160; 2006 Ophthalmic Coding Coach</fo:inline>

                                       </fo:block>

                                   </fo:table-cell>

                                   <fo:table-cell font-size="inherited-property-value(&apos;font-size&apos;) - 2pt" line-height="6pt" padding-bottom="0pt" padding-left="0pt" padding-right="0pt" padding-top="0pt" border-style="solid" border-width="1pt" border-color="white" text-align="right" padding-start="3pt" padding-end="3pt" padding-before="3pt" padding-after="3pt" display-align="center">

                                       <fo:block>

                                           <fo:inline font-family="MetaPlusBook-Roman" font-size="6pt">© Company Name</fo:inline>

                                           <fo:block>

                                               <fo:leader leader-pattern="space" />

                                           </fo:block>

                                           <fo:inline font-family="MetaPlusBook-Roman" font-size="6pt">All rights reserved.</fo:inline>

                                       </fo:block>

                                   </fo:table-cell>

                               </fo:table-row>

                           </fo:table-body>

                       </fo:table>

                   </fo:block>

               </fo:static-content>