www.cloudformatter.com

cloudformatter format requests: 6,261,525    pages delivered: 14,256,299

Markers

Markers css2pdf @cloudformatter Xportability
First Starting: First Carryover:
Last Starting: Last Ending:

This section demonstrates the use of markers and how they can be pulled into the output to be used within the headers and footers of your document. First, what is a marker? A marker is a hidden element that can contain any structure you like that is "pulled" into the header or footer areas of a document. You "throw" markers in the content and depending on where pagination occurs, different values for positional aspects can be retrieved. Since this HTML formatting engine for the most part deals with one sequence of pages, we are covering only retriving markers about the current page although more are available and implemeneted.

The footer of these pages will contain the various possible marker positions that can be retrieved into the header or footer. Note that the LoremIpsum text varies on each page view so you can refresh the page and get possibly different answers. As for positions, you can retrieve markers using:

  • first-starting-within-page: the first marker whose parent <div> actually starts inside the page
  • first-including-carryover: the first marker whose parent <div> starts at the top or carry's over from the last page
  • last-starting-within-page: the last marker in the page whose parent <div> starts inside the page
  • last-ending-within-page: the last marker in the page whose parent <div> ends inside the page

The code for this in the HTML looks like this:

    <div>
        <marker marker-class-name="test">
            <b>Heading Number 1</b>
        </marker>
        <h2 fostyle="keep-with-next.within-page: always;">Heading Number 1</h2>
        <!-- content here -->
    </div>
            

And the code in the footer region looks like this:

    <footer style="display:none;">
        <table width="100%">
            <tr>
                <td> First Starting: <retrieve-marker retrieve-class-name="test"
                        retrieve-boundary="page"
                        retrieve-position="first-starting-within-page"/>
                </td>
                <td style="text-align:right;"> First Carryover: <retrieve-marker
                        retrieve-class-name="test" retrieve-boundary="page"
                        retrieve-position="first-including-carryover"/>
                </td>
            </tr>
            <tr>
                <td> Last Starting: <retrieve-marker retrieve-class-name="test"
                        retrieve-boundary="page"
                        retrieve-position="last-starting-within-page"/>
                </td>
                <td style="text-align:right;"> Last Ending: <retrieve-marker
                        retrieve-class-name="test" retrieve-boundary="page"
                        retrieve-position="last-ending-within-page"/>
                </td>
            </tr>
        </table>
    </footer>
            

The following headers and para's are inside <div> elements and markers are created with the header content. The footer shows the various markers pulled into the content of the footer.

Heading Number 1

Heading Number 1

Et sit hendrerit facilisis sadipscing nulla no dolore est sed rebum. Sed et stet dolore stet et delenit et erat sanctus. Autem dolor tempor dolor aliquyam labore stet ipsum sadipscing justo. Ipsum eirmod et sed eos ea at feugait erat duis ipsum accusam dolore elitr eleifend ut. Aliquyam eu sed ea luptatum takimata sadipscing diam amet dolore nonumy amet voluptua stet. Accusam gubergren eirmod. Stet ea no ipsum. Vulputate diam takimata luptatum vero autem est congue et lorem labore aliquyam nonumy et invidunt rebum voluptua est. Dolore dolores eos lorem dolor sed lorem nisl est laoreet quis consetetur lorem duis vulputate sed ut amet.

Eos sed feugiat sed et facilisis. Ea sed invidunt kasd ut gubergren invidunt luptatum in augue. Sanctus esse vero eirmod amet eos justo dolor rebum nulla accusam tempor erat consequat rebum accusam illum diam. Ex magna eos eirmod ex rebum ipsum veniam. Eirmod duo labore consetetur et. Consetetur tincidunt diam dolor sed sea iusto erat ea sed consetetur facer lorem. Placerat facilisi dolor dolor takimata rebum elitr dolore duo no. Ipsum sadipscing rebum eu rebum nihil nibh eos aliquyam nonumy. Eos labore gubergren sadipscing sed tempor sea no ullamcorper iusto. Et eos et dolores aliquip.

Heading Number 2

Heading Number 2

Nulla clita sanctus magna diam feugiat consequat suscipit praesent dignissim lorem velit duo at takimata. Sed duo tempor. Ut et vero no dolores eirmod eirmod vero consequat qui dolor elitr esse lorem accusam kasd dolor amet. Nibh sed nonumy ex nam gubergren eos velit vero nonummy ipsum molestie commodo enim vero sit. Lorem magna consectetuer.

Nonummy sea rebum iusto ullamcorper ipsum stet blandit eum option gubergren ullamcorper. Ut aliquyam et tempor lorem amet labore exerci kasd dolore lorem volutpat consetetur aliquyam. Est elitr et dolores diam dolor ut magna lorem et dolore sea laoreet sanctus ut duis tincidunt eirmod. Eirmod et ea dolores erat stet justo sea dolores ipsum facilisis sanctus dolor. Kasd dolore eirmod sed sadipscing dignissim aliquyam ut illum et ipsum sit invidunt nonummy dolor voluptua lorem nulla euismod. Elitr et accusam sanctus vero. Accusam aliquyam cum euismod gubergren diam takimata at aliquyam nulla minim. Magna tempor amet erat et lorem dolore labore labore kasd tincidunt accumsan ipsum. Sit erat voluptua diam elitr. Nisl eum ex et ad sadipscing sanctus voluptua eirmod delenit duis te.

Heading Number 3

Heading Number 3

Dolores at placerat nonumy eu dolor at nonumy aliquyam tincidunt rebum consetetur eos nonumy ex erat magna. Commodo labore invidunt vel. Qui sanctus sadipscing sadipscing dolore vel et. Aliquyam rebum lorem ut et tempor et. Blandit nam ad ut et kasd eirmod lorem dolore at elitr et gubergren sadipscing veniam. Eu dolor accusam labore hendrerit autem invidunt sadipscing consetetur erat labore aliquyam justo clita sed. Consetetur nisl et iriure sed tempor ea suscipit dolores justo et rebum ut est ipsum molestie dolore hendrerit.

Ea ut at et accusam clita eos elitr voluptua sea nisl ipsum ea et diam. Kasd et est aliquyam esse eos et dolores ut est dolor nonumy voluptua dolore sed vero sed. Sed magna dolor clita ut accusam magna eos sed no justo labore dolores sea et. Eros ut tempor laoreet ad soluta. Hendrerit eos ea luptatum gubergren et facilisis delenit voluptua.

Heading Number 4

Heading Number 4

Eirmod labore et ipsum eros illum lorem duis dolore vero magna eos tempor ea mazim amet suscipit lobortis. Vero duis in sit nonumy lobortis sadipscing ut. Accusam duo feugiat elitr rebum ea. Magna exerci diam erat ipsum vero stet duo delenit amet sed diam invidunt. Facer sadipscing elitr accusam quis diam stet. Ipsum sed et aliquyam soluta consetetur minim rebum hendrerit labore in amet te consequat. At lorem dolores invidunt laoreet accusam diam ut. Stet eos duis te tempor iusto aliquam sed takimata ad sanctus dolor iriure. Velit assum labore ea. Sea est sed lorem et option. Ea duis sit erat stet at dolor dolor sea elit id et.

Dolore delenit eirmod consetetur ipsum elitr ipsum. Doming dolores eirmod dolor accusam exerci kasd aliquyam eos. Amet lorem est. Dolor ipsum blandit erat sanctus elitr ipsum gubergren consetetur sit elitr at sadipscing vulputate dolor eirmod in sea dolore. Sit ut et kasd ipsum est elitr sed nisl delenit voluptua eos nostrud te justo ex voluptua dolores justo. Nulla esse eos tempor consetetur dolor et lorem kasd ex tation odio aliquyam dolore et te invidunt takimata sed. Amet accusam et ipsum euismod ut magna dolore accusam dolore sed. Nonumy at kasd molestie nonummy magna dolores takimata est lobortis dolores ipsum. Est duo nulla hendrerit diam blandit ipsum lobortis lorem sanctus quis rebum vero elit te amet et vel. Et labore enim dolore velit nisl aliquyam eirmod sed dignissim et sea lorem justo at et sit. Kasd clita ea feugait et diam.

Heading Number 5

Heading Number 5

Et odio adipiscing at. Et at lorem sit eos sanctus takimata sed et consequat iriure minim tempor aliquip sed tation augue ea kasd. Lorem takimata et lorem dolore dolor feugiat eos dolor invidunt gubergren eirmod erat. Autem ipsum amet vero et ea consetetur no nonummy ea. Dolore facilisis iusto te clita takimata lorem accumsan stet sea stet est est ad lorem. Labore labore feugiat. In sadipscing dolor takimata eros sea facer duo sit labore sed ipsum est erat. Ut odio consequat sed stet sanctus consectetuer liber.

Dolor sed diam ad tempor gubergren ullamcorper sit eum iriure. Voluptua zzril labore est dolores qui diam aliquyam dolores sit sit voluptua sed amet sed sanctus. Dolor dolore gubergren sanctus labore vel sed magna clita lorem gubergren takimata blandit ut nulla dolor duis sit takimata. Est sed accusam lorem vulputate est dolor dolor sit zzril ipsum. Lorem vel nostrud lorem ipsum et. Diam sanctus vero invidunt ea aliquam eos lorem dolore hendrerit hendrerit sit ipsum. Sadipscing in sed kasd takimata ad erat duis aliquyam augue et et aliquyam ipsum sadipscing diam.

Heading Number 6

Heading Number 6

Nibh erat amet takimata magna esse suscipit. Blandit facilisi ea diam sea et lorem delenit clita qui accusam. Eu ut sadipscing in at clita sadipscing ut aliquyam et. Elitr delenit elitr ut et. Tempor sed velit vero iusto rebum sanctus adipiscing in lorem dolor gubergren. Elitr ut tempor nostrud est doming aliquip takimata ipsum. Dolor dolore rebum amet dolores et dolor et vero amet aliquyam at no ut rebum takimata. Tempor aliquyam duo elitr dolor dolor ipsum kasd dolores nonumy est nisl gubergren consequat nulla takimata. Nulla sadipscing sea lorem assum vero dolore nonumy et dolore lobortis invidunt ea dolor amet dolor at. Kasd delenit diam sed duo iriure. Eleifend labore possim consetetur commodo nibh erat duo et sea et duo est gubergren sanctus diam.

Luptatum invidunt at tempor. Dolor consetetur qui consequat ad feugait dolore kasd elitr ea consetetur tempor. Te consetetur lorem magna. Duo ipsum sed invidunt erat dignissim. Eos amet sea accusam praesent vero magna rebum consequat kasd. Ipsum aliquyam est. Labore sit erat ut doming et ut eros no sea magna invidunt et eirmod. In no labore dolores sed eos takimata nonumy sadipscing tincidunt dolor mazim kasd ea gubergren. Dolor sed at ea eos clita duis at nonumy. Ut duo vel tempor et.

Heading Number 7

Heading Number 7

Dolore at dolor rebum clita dolore clita doming erat justo vero congue molestie est. Commodo qui accumsan nulla. Vero sed diam duo gubergren clita accusam vel eirmod vulputate. Et voluptua amet aliquyam iriure. Diam diam dolores stet vulputate amet elitr erat vel aliquip dolor et et facilisis quis erat nonumy. At rebum ut ipsum amet takimata et nam labore rebum ipsum et ullamcorper no vulputate elitr. Aliquyam iriure assum aliquip.

Dolore dolore aliquyam wisi nonumy justo clita diam quis diam dolor est diam est ut feugiat. Autem magna placerat sed wisi. Consetetur sadipscing est eum lorem consequat nonumy erat amet dolor augue ipsum takimata dolor accumsan. Assum sed invidunt veniam dolores no et no tempor iriure vel. Nonumy esse est vero illum consetetur ut in ex. Stet at erat justo adipiscing sea magna aliquip sed velit ut est clita. Elitr sea est tempor hendrerit sit te est augue eos at gubergren sadipscing ut at. Diam lorem diam ipsum rebum no diam.

Heading Number 8

Heading Number 8

Magna sed cum praesent. Lorem vel amet. Et invidunt nonumy magna stet at aliquyam. Ea commodo at consequat ipsum et kasd magna et invidunt ipsum aliquyam duo dolore dolor takimata laoreet vero. Takimata accusam praesent takimata no et magna dolor dolores takimata tation imperdiet erat sit takimata consetetur. Eos elitr dolores invidunt sadipscing et id stet est dolore facer amet et nobis. Stet vero eos dignissim eos lorem amet et dolor ut consetetur sea clita nonumy aliquyam clita clita. Sed molestie sit sed dolore. Sit takimata iriure et duo aliquyam sed amet invidunt. Consequat consetetur diam clita sit ex placerat lorem justo sit lorem clita eu. Et ipsum sed amet aliquyam dolores et voluptua et voluptua justo sed kasd diam et et.

Labore duis at lorem ipsum voluptua elitr sanctus elitr eum accusam magna duo nonumy quod nam dolor lorem. Dolor rebum eos dolor sed ut dolor ex lorem. Veniam qui laoreet facilisi ea diam et dolore. Lorem ut dolor hendrerit at sadipscing labore clita elitr aliquyam luptatum vero magna lorem sit kasd. Kasd et stet. Sit consetetur stet autem dolor clita duo. Justo clita ut velit tation lorem. Sed in ipsum sit sed at quis qui at dolor illum lorem laoreet et erat et invidunt aliquip. Lorem sea magna sadipscing kasd minim et assum lobortis justo sadipscing vel.

Heading Number 9

Heading Number 9

Facilisis eirmod enim clita dolore justo stet exerci at clita erat. Sit tincidunt erat nonumy amet diam justo diam amet. Sit duis tempor lorem clita ipsum ipsum zzril dolore praesent aliquyam dolor clita tempor elit est diam clita sea. Gubergren justo diam eirmod vel takimata et enim at velit volutpat. Ex qui dolor justo at eum facilisi tation ut kasd magna delenit dolor dolor nulla nulla et. Lorem et et gubergren vero diam rebum esse aliquam eos dolore accusam nonumy et ut dolore at consetetur. Minim erat laoreet duis ea ipsum et magna duo magna praesent vero. Voluptua vel vulputate elit aliquyam sed elitr ea eirmod eirmod diam ut. Esse accusam eirmod aliquyam.

Dolore et dolor kasd elitr accusam dolor ullamcorper possim accusam nonummy takimata dolor amet sadipscing sed est dolor aliquam. Magna ut amet kasd diam option duis et tempor dolor amet iusto sed facer sanctus elitr eu eos. Duis erat accusam accusam sadipscing mazim magna at justo blandit nisl et. Gubergren ea aliquyam clita dolores labore et in nonummy ipsum et lorem dignissim eos sit. Velit dolor dolor ea justo sanctus et kasd stet takimata justo te vero. Lorem feugiat ut nihil clita consetetur consetetur et elitr amet dolor dolore invidunt zzril amet. At blandit duo sed. Volutpat te wisi justo ipsum dolor ut ullamcorper gubergren ipsum. Tempor tempor id et soluta vero clita dolor tempor justo gubergren consectetuer minim clita accusam.

Heading Number 10

Heading Number 10

Erat lorem clita in imperdiet in sanctus est dolores sed sea sit voluptua eos. Ut eros labore dolore est ipsum amet et ullamcorper et in augue nam erat sanctus in. Sanctus voluptua vero kasd erat nisl diam duis nonumy labore sit quis lorem est kasd nisl facilisis dolor invidunt. Nonumy dolor consetetur congue eleifend stet vero et clita duis diam amet molestie at diam et ipsum. Takimata vero illum est et magna amet velit ipsum duis aliquyam takimata sadipscing zzril lorem illum consetetur est. Aliquyam sed lorem at. Dolores eos takimata et voluptua sanctus ipsum augue dolores hendrerit takimata stet tincidunt praesent invidunt rebum commodo gubergren eu. Diam nonumy est sit at ipsum aliquyam invidunt amet ullamcorper feugait sed ad kasd accusam minim at. Augue sed dolore. Nonumy invidunt mazim dolor takimata sea duo duo option blandit et ea aliquyam dolor erat euismod magna eos.

Magna et et amet ea amet diam in diam dolore ea. Ea et lorem dignissim ipsum dolor sit molestie duo eirmod kasd sed et. Magna eos sadipscing rebum nulla placerat euismod et odio sed ipsum tempor eos laoreet delenit sit sed sed. Amet consequat sea dolore rebum sed sed voluptua in quod lorem magna elitr consetetur tempor. Et vel autem takimata vero. Amet sit eleifend nobis id aliquyam nonumy. Lorem accusam labore esse ipsum et diam elitr aliquyam laoreet sit zzril amet amet lobortis ut kasd lorem ut. Sanctus eu praesent lorem stet lorem. Takimata amet magna magna luptatum liber dignissim.