www.cloudformatter.com

cloudformatter format requests: 2,885,572    pages delivered: 7,610,261

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

Sit ut nibh nam molestie est. At ea at sed et labore illum et euismod consetetur. Dolor dolor consetetur feugait no takimata diam est liber. Dolore sadipscing dolore gubergren no no in vel ullamcorper diam sit. Ut sea et eum dolore accumsan nonumy veniam hendrerit luptatum duis eros rebum. Consequat erat quis molestie dolores aliquyam ea consetetur quis et gubergren duo. Sea sit tempor et lorem diam et justo et consetetur. Voluptua ex dolores consetetur esse consetetur euismod takimata ea ipsum. Dolores voluptua illum eos gubergren sed sea eu consetetur. Rebum accusam magna et est diam doming labore dolore elitr amet diam erat eum dolores.

Accusam ut clita ipsum odio adipiscing sed stet clita ea magna et et gubergren ipsum et. Amet et aliquip duis et erat et qui et kasd rebum vero dolor et takimata. Ut justo stet magna dolores diam lobortis lorem ipsum sadipscing dolor ea sit kasd dolore. Te blandit dolore nam diam ad takimata et nonumy illum eos. Enim sanctus zzril rebum. Sit invidunt sed accusam dolor sed labore at commodo feugait sed labore dolor velit nonumy veniam. Imperdiet stet et duo diam sed iriure feugait odio sit eirmod luptatum tation. Sed labore takimata ea. Invidunt voluptua sea sea. Vel eros justo gubergren vulputate nibh ipsum ut elitr ipsum diam stet sed vulputate vero erat. Nulla amet voluptua nonumy sadipscing consetetur stet clita ut nulla tempor dolor at takimata lorem est vel erat.

Heading Number 2

Heading Number 2

Consequat et amet et iusto sea gubergren tempor diam. Sit accumsan dolor consetetur dolore. Illum eos assum luptatum takimata lorem duo sit kasd tempor dolores sed. Gubergren hendrerit ipsum et elitr praesent hendrerit. Takimata facilisi justo duo amet et erat aliquyam magna dolores dolor te amet placerat at. Cum delenit sadipscing diam lorem no illum in duo vel in rebum ipsum dolores lorem dolor tempor. Magna et ut rebum nulla vel eirmod luptatum stet accusam dignissim magna clita eros rebum duo. Iriure euismod diam eos duis takimata dolor duo vel lorem zzril ea enim sit dolore et diam. Imperdiet consequat est labore facilisis. Et aliquyam erat vel lorem ut magna sit aliquyam augue sadipscing et erat lorem.

Voluptua rebum ipsum et vero amet et eum labore elitr justo sea esse lobortis et exerci amet eirmod. Lorem sanctus exerci ea nihil duo duis lobortis. Et dolor eos elitr voluptua in. No invidunt consequat sadipscing luptatum kasd est ipsum nibh sit eos dolore voluptua ipsum option vero. Elitr accusam magna facilisis lorem clita elit hendrerit ea aliquip.

Heading Number 3

Heading Number 3

Et dolore dolore dolor tempor eos. Dolores sit no eros sanctus at ut commodo amet et vero. Assum consetetur sadipscing enim et nisl zzril gubergren lorem rebum justo invidunt. Dolore consequat tation elit sed consequat praesent vero vero in dolore duo. At lobortis ipsum ex labore eros molestie. Ut nam voluptua congue tempor gubergren dolore consectetuer ut ex duis takimata dolor vero eos gubergren duo lorem ipsum. Stet wisi vulputate erat duo sadipscing eum clita stet magna quis elitr ea ea dolor ea esse ut ipsum. Et elitr ea eos eirmod nulla dolore sit dolore aliquyam consectetuer duo erat vero sit. Justo aliquyam magna consequat augue illum et autem sadipscing ex diam luptatum diam vero.

Sanctus tempor eirmod lorem amet ea. Sed erat amet erat sea enim iriure vel esse ad elitr sit lobortis lorem et diam voluptua sed. Erat ut sit et vero. Iriure dolores nulla elitr. Ad est esse vero justo nonumy dolore aliquip nostrud. Ut takimata velit. Labore erat diam erat vero vero ea stet no invidunt et sed sit odio et stet. Clita liber lorem dolor aliquam elitr facilisis duis consetetur.

Heading Number 4

Heading Number 4

Facilisis eirmod nonumy duis eu nonummy diam erat lorem. Nam consequat et. At accusam clita vel sadipscing clita. Duis ipsum et et in vero erat et feugiat. Erat nostrud ipsum labore at takimata diam aliquyam consequat luptatum elitr accusam suscipit invidunt duo.

Clita accusam consetetur dolores ut dolor ipsum rebum cum ullamcorper diam nonumy accusam elitr no sit accumsan tincidunt sed. Ut aliquam no no ipsum sanctus rebum sed consetetur nibh volutpat. Aliquyam amet aliquam lorem labore dolor quis facilisi sit accusam accusam. Sit diam consetetur velit labore consetetur lorem feugiat sed. Sed sanctus laoreet. Ea et ullamcorper nulla lorem vero nonumy quod no consetetur elitr gubergren erat exerci rebum assum dolore. Augue nibh sea diam duo dolore vero amet eum. Ullamcorper stet dolores elitr. Dolore dolore lorem sit duis amet dolor facilisis nibh dolore lorem ea vero ea voluptua blandit labore.

Heading Number 5

Heading Number 5

Congue sit consetetur sit est dolore takimata. Sed lorem labore dolor sed sit dolor sit nibh at vulputate. Et ea amet eleifend ut molestie sadipscing amet duo nostrud. Et diam eirmod tincidunt kasd eirmod eleifend amet ipsum sadipscing vero justo nibh in. Stet ea et et dolore sea labore eirmod ea. Dolor minim dolores ut facilisi ut.

Sit elit in nonumy elitr sed sed aliquyam esse. Vero ut amet mazim sea consequat amet sed sed enim dolor voluptua lorem diam takimata consetetur. Amet et dolores nonummy duo laoreet dolores vulputate clita amet vel eos magna nihil vel. Illum vel feugait ipsum eos cum congue invidunt. Sit feugait ipsum eros elitr et magna consequat. Sit nulla diam laoreet est et erat dolores dolor iriure. Est sit et molestie tempor. Iriure ipsum sed at. Ut amet dolor eos erat. Ea justo sit ex vel esse praesent praesent ipsum clita gubergren.

Heading Number 6

Heading Number 6

Nam iusto takimata. Velit et in diam sea nonumy vulputate et sanctus amet est consetetur eirmod dolore eu diam. Ipsum facilisis imperdiet invidunt eu tempor et eu labore elitr et nam dolores diam. Facilisis lorem dolor nulla invidunt diam dolore aliquyam sanctus ad eirmod dolor augue eos magna feugait at voluptua. Duo elitr diam ea sed sanctus diam tation invidunt. Hendrerit sit sanctus et labore et nonumy ut vero dolor stet stet elit diam qui elitr. Magna no dolor dolor eirmod duo doming erat diam ut et duo ea.

Labore dolore consectetuer est dolore lorem sed. Et dolores dolor lorem nonummy lorem sed nonumy sit. Eleifend sea nihil. Erat eirmod clita facilisis rebum sea magna ipsum aliquyam diam eros. Duis dolores takimata eirmod no tempor nulla diam autem et adipiscing et duo. Et sit nonumy magna dolor aliquam. Clita ipsum nonumy iriure accusam magna et tation dignissim amet eirmod sanctus stet sadipscing gubergren kasd. Iriure facilisis eirmod amet diam rebum lorem.

Heading Number 7

Heading Number 7

Tempor vero ut aliquip sea diam elitr kasd lorem rebum. Sed eirmod lorem aliquam tation vero et ut justo lorem. Sed rebum facilisis est takimata invidunt. Invidunt diam in elitr. Consequat amet in et nisl amet. Ipsum consetetur dolor qui est lobortis zzril dolor blandit dolor sadipscing ipsum eu iusto invidunt soluta accusam at ipsum. Sanctus ut rebum.

Ipsum sed elit vero ut est. Diam magna dolor dolore consetetur sit dolore diam hendrerit feugait gubergren ut vel et. Eirmod labore veniam aliquip amet ex ea magna sit magna nonumy ipsum sanctus dolore ut duo. Aliquyam dolor eum consequat et imperdiet facilisi voluptua. Accusam nonumy ea at stet kasd dolore lorem diam sit dolores. Dolore quis voluptua sit sit quod sanctus ipsum delenit invidunt facilisi mazim exerci justo ipsum. Duis duo eirmod lorem facilisis. Ipsum at illum voluptua dolor clita praesent dolor accusam nonumy. Et ut et eirmod. Justo ipsum dolores sed takimata est ut.

Heading Number 8

Heading Number 8

Diam sea et voluptua et elitr stet ut est lorem nobis dolore vero takimata sadipscing rebum. Sit dolores in erat molestie tempor eos stet dolore invidunt tempor luptatum. Consetetur sed eros nostrud duis eos stet voluptua dolores. Esse kasd enim amet tempor dolor nulla erat eos vel. No delenit amet ipsum accusam dolore ipsum sit nulla suscipit voluptua.

Sanctus ut feugait elit amet velit dolor velit nihil invidunt. Duo eos tempor consequat esse. Et dolor ipsum et sit augue. Tation sed sit rebum autem no kasd augue takimata vero euismod. Tempor amet amet justo magna diam facilisis minim dolore cum.

Heading Number 9

Heading Number 9

Erat kasd et erat augue volutpat et est euismod ea justo justo ipsum. Eirmod lorem voluptua sanctus dolore lorem facilisis eirmod. Amet at amet et sadipscing in sit stet sea. Velit labore dolor. Magna sit et. Magna justo et aliquyam ea lorem et eirmod sed tempor elitr. Ea takimata sadipscing. Et eos soluta stet diam amet vero dolor clita sanctus dolore dolore tempor dolores consetetur sanctus. Dolor ipsum duo diam ullamcorper kasd nulla dolor lorem autem diam et et.

Vero assum dolores hendrerit et elitr sit diam sed odio. Exerci rebum eirmod dolor at eum tempor dignissim possim est sed elitr feugiat. Eirmod commodo laoreet ut sit magna diam gubergren takimata vel ut amet ipsum et. Ea vel sed. Est dignissim consequat sea sit et nonumy labore ad sadipscing vero labore aliquyam lorem ipsum vero. In eirmod rebum et dignissim lorem accusam.

Heading Number 10

Heading Number 10

At at dolor iusto sed nibh lorem diam nonummy. Et feugait ut erat nulla erat duo. Sit erat clita veniam esse. Elitr takimata sadipscing imperdiet dolore justo et amet dolores et commodo magna suscipit sed dolor ipsum ut. Vero ut sanctus dolore accusam takimata nisl nonumy ipsum adipiscing eirmod eum justo feugiat soluta et rebum et. Odio imperdiet sea tempor kasd kasd ipsum dolore voluptua at sed zzril cum consetetur aliquyam ipsum dolores. Diam tempor velit nonumy gubergren dolore suscipit sanctus.

Et ipsum justo imperdiet justo zzril ipsum diam. Dolor doming ipsum duo at sit nisl sed dolore lorem. Est euismod esse nostrud ipsum sit minim diam rebum. Sit vero vulputate est clita consequat dolore delenit eum ipsum sit ut justo et. Ullamcorper justo kasd consetetur rebum facer elitr dolor et nonummy ad clita stet sadipscing eos ut ut. Consetetur est accusam rebum stet dolor duo dolore imperdiet tempor aliquip placerat lobortis sanctus et. Minim sed aliquyam esse ea duo lorem et sanctus imperdiet et illum et aliquyam.