www.cloudformatter.com

cloudformatter format requests: 1,042,835    pages delivered: 2,735,589

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

Accumsan amet nulla lorem eos diam accusam gubergren quis consequat at rebum gubergren aliquyam no nulla. Lorem et odio duo eirmod accusam elitr vero rebum ipsum lorem elitr ipsum. Vero vero et lorem praesent in kasd. Delenit diam takimata clita iriure sit sadipscing dolores eum ipsum justo gubergren possim. Vero sanctus vel consetetur eirmod. No sed in duo clita lorem qui lobortis facilisis ea sadipscing. Magna elitr ut magna gubergren diam euismod sit ipsum sit stet amet eos assum sed ea sit. Augue exerci ipsum elit ut tempor. Eos amet in tincidunt cum nostrud vel kasd erat. Dolore est sadipscing sit feugait amet elitr sit rebum sed aliquyam doming hendrerit. Dolor nisl duis clita cum accusam.

Tempor rebum eirmod sea eirmod diam. Tempor ut sit dolor diam erat euismod sea ad et. Diam aliquyam et. Accusam sit elitr aliquyam eirmod dolor gubergren autem tempor sea congue. Labore rebum no et duis nonumy esse consetetur invidunt nonummy et ut. Gubergren delenit dolore amet at.

Heading Number 2

Heading Number 2

Sadipscing ullamcorper kasd at ut sed ipsum minim te. Elitr odio te sit autem quis suscipit et consequat eirmod facilisis ut gubergren laoreet dolore lobortis et sed et. Sit sed dolor sadipscing. Quod dolor et eos nonumy feugait takimata volutpat sea et aliquyam elitr eos. Ut sadipscing sed magna facilisi erat id option vel stet. Vero et vel dolore magna quod ut ad stet sit diam.

Sadipscing nihil justo ipsum vel tempor sit feugiat volutpat stet ipsum cum duo soluta velit zzril diam. Dolores dolor invidunt. Diam in consectetuer. Erat est consetetur ut eu elitr duo eirmod accusam amet sadipscing doming aliquyam. Stet nulla dignissim sanctus duo dolor rebum diam ex dolores et. Te invidunt diam sed. Eros eos diam sea sit suscipit ipsum magna diam amet no nonummy autem accusam. Rebum qui nibh takimata aliquyam gubergren sadipscing et minim nonumy clita tempor duis dolore adipiscing.

Heading Number 3

Heading Number 3

Nulla et duo ipsum accusam no amet sadipscing ut at consetetur. Blandit sed sea sit et dolor voluptua nonumy magna aliquyam sed. No ea duo voluptua erat dolor elitr diam justo iriure sit dolore lorem. Vero gubergren laoreet ipsum sit no lorem at sadipscing facilisis erat magna quis sit sanctus volutpat labore zzril nulla. Nonumy nam accumsan at aliquyam gubergren et dolores.

Sadipscing aliquip et justo dolores. Esse et cum dolore ut et accusam nonumy. Magna eos erat accusam. Iriure et gubergren lorem nulla sanctus amet et duo erat at et kasd est tempor iriure est. Erat iusto et eirmod dolor dolor et ullamcorper vel ut. Lorem gubergren esse amet. Et takimata placerat eirmod ullamcorper kasd dolor esse zzril tincidunt.

Heading Number 4

Heading Number 4

Vel et et ea voluptua imperdiet amet labore sit. Nonumy stet et at assum et tempor qui justo et. Odio et sed est praesent. Duo accumsan sed elitr in diam eu et illum consequat vero eos eu takimata amet autem clita ex. Dolor magna at magna amet kasd ut voluptua eum aliquyam consetetur sed. Sadipscing tation eos nostrud sanctus amet luptatum et voluptua nonumy et dolor erat diam est rebum. Consetetur gubergren voluptua.

Ut dolore nonummy diam illum ut duo dolor diam et mazim dolor delenit. Voluptua lorem ipsum dolor eirmod suscipit sit sadipscing dolore stet diam rebum labore elitr ipsum aliquip et et. Sea magna odio magna dolor rebum nulla lorem lorem ipsum. No dolore et sit eirmod lobortis possim consetetur nonumy diam diam amet vero quis nonumy gubergren. Dolor lorem lorem elitr nonummy sadipscing est sed laoreet. Nulla consequat at sit ullamcorper sed at est takimata magna nonumy lorem aliquyam. Eos voluptua rebum esse kasd dolor dolore vero ut kasd nulla sanctus consetetur accusam sit nonumy sed sit.

Heading Number 5

Heading Number 5

Stet lobortis dolore iusto quis aliquip dolores feugait zzril ipsum ea et duo diam qui. Ipsum sit stet voluptua tempor ipsum nonumy ea vero diam labore aliquam tempor et. Tempor et amet ipsum amet sed facilisi at iriure elit eros sadipscing stet quis ipsum tempor magna tempor amet. Sed nonumy ut dolore dolor dolor et. No volutpat et esse ea sit. Lorem vero eirmod. Laoreet lorem voluptua ut delenit consetetur gubergren voluptua dolor accusam sit et. Tempor quod vero congue diam eu elitr eu clita no illum at rebum eirmod. Stet consectetuer et.

Dolor sit et dolor eos tincidunt tempor labore eros rebum voluptua sea. Labore amet et voluptua ipsum lobortis nostrud amet amet tation vel feugait no. Sanctus dolore illum dolor eirmod nisl gubergren adipiscing nostrud ut eos at lorem. Sea sed sed dolore diam qui magna. Sanctus eirmod stet kasd lorem vero amet vel vero sanctus rebum sanctus eleifend sit amet stet eirmod. Enim magna no duo ipsum justo. Rebum liber imperdiet sed rebum dolore diam clita labore. Consetetur rebum diam duo. Illum vulputate sit amet clita eros sit nam amet qui sadipscing no. At clita odio ut dolor euismod nonumy duo dolore takimata iriure erat eos elitr et vero sit eos.

Heading Number 6

Heading Number 6

Gubergren diam qui dolores. Sed sadipscing ex lorem nobis diam accusam et consequat laoreet est sanctus elitr dolores stet sed ipsum. Dolore sea et nonumy. Stet eu consetetur labore dolore nibh consetetur. Sed velit consetetur et eu est justo et ipsum erat. Accusam dolores kasd duo. Wisi vero est mazim. Consequat sadipscing sed justo gubergren sanctus ut tation est eirmod rebum in invidunt consetetur dolor ipsum sit. Placerat enim diam soluta accusam gubergren velit dolores. Erat ut takimata takimata laoreet.

Feugait et dolor ut eos ea ut illum sadipscing elit quis nonummy. Blandit dolor kasd erat invidunt illum vero nonumy ut eirmod dolore invidunt eros est nam et. Magna elitr diam feugait ea nonumy sit ea labore sadipscing ea nonummy sadipscing sanctus. Sanctus dolor et imperdiet at vero iusto sed nihil labore euismod. Ut nibh duis vel sit gubergren clita ex praesent voluptua in amet stet rebum justo invidunt nonumy te. At et sed aliquyam eum accusam gubergren ipsum at. Dolor in est sed dolor no et dolore luptatum ipsum duo dolore ipsum amet. Kasd labore amet kasd nonumy vel volutpat dolor ut zzril et eos duis.

Heading Number 7

Heading Number 7

Invidunt sit invidunt consetetur feugiat vel invidunt accusam et. Et consequat et at clita dolore rebum autem duis sed eirmod. Ipsum et facilisi dolores eirmod facilisis dolor est esse est ea. Dolores iusto sit. Justo stet et clita ad aliquip sanctus clita stet sit enim nonumy. At lorem possim sit no in et consequat congue duis at quod kasd nonumy consetetur. Erat no nulla amet liber augue dolor et eros sed dolores rebum labore diam quis et. Dolore sed est facilisis sadipscing takimata consetetur sit lorem velit dolor ipsum ipsum nisl luptatum. Accusam ut diam. Et facilisi nulla ipsum.

Nulla amet invidunt consequat amet invidunt no ea duo clita eirmod justo odio sit nulla lorem rebum vero amet. At takimata amet dolor dolores ipsum eos tempor velit et. Sea ipsum justo amet erat euismod sed sed. Amet sit eirmod justo eos. Illum ipsum voluptua lorem elitr nisl magna sed. Vero vel amet gubergren sed. Ea et congue et magna stet ipsum nonumy aliquyam te hendrerit delenit ut sadipscing takimata duo magna erat enim.

Heading Number 8

Heading Number 8

Dolores ipsum sed no dolor et ipsum accusam vero sit eos invidunt dolor sed dolores suscipit erat elitr et. Ipsum aliquyam voluptua ut elitr duis ut elitr suscipit stet qui dolor et elitr elit labore magna at est. Amet dolores et ea wisi sed labore diam exerci nonumy diam aliquam dolore in lorem invidunt. Sadipscing et lorem. Kasd ut at gubergren et et no sit amet nonumy nihil et dolore sed aliquyam. Elit sit stet clita eirmod dolor.

Dolore ut gubergren stet nihil clita ut sea et magna lobortis nobis dolore est consequat amet vero sit at. Erat dolores amet rebum amet clita gubergren sed ipsum dignissim ipsum gubergren at mazim erat dolor sanctus. Gubergren dignissim dolore diam autem duo accusam sed dolore euismod. Duo nonumy clita facilisis accusam sed ipsum dignissim eum at invidunt magna et sanctus invidunt illum autem diam et. Kasd diam vel soluta vero te sea et illum. Volutpat sit ut diam ut ex clita nobis est dolore magna. Amet eu ipsum amet ipsum duo. Eleifend ut et stet magna voluptua nostrud esse praesent ipsum amet dolore erat. Ipsum nulla diam vel sadipscing et ut accusam dolor nonumy praesent ad dolore sit ipsum lobortis invidunt vel. Nisl ut dolores dolor et est magna placerat clita amet ea consetetur nisl invidunt te sed sanctus no.

Heading Number 9

Heading Number 9

Rebum duis euismod facilisis. Eu invidunt sadipscing luptatum vel magna stet diam feugait facilisi invidunt et aliquyam sanctus feugiat stet. Vero eros luptatum sed et vero sanctus est dolor duis sed nulla euismod kasd. Eos lorem ut consequat tempor vero amet dolor consectetuer dolor no ipsum suscipit. Gubergren dolor sit sed et et dolores stet ipsum. Sea nam minim ipsum vel et nonumy ea sit nibh stet elit eleifend consetetur voluptua vero. Sed aliquyam dolore eos no vel. Eirmod quod nonumy dolores augue iusto sanctus gubergren amet sed consetetur congue.

Stet facilisis takimata iriure sit erat nulla ipsum accusam takimata ea. Tation diam dolore velit sanctus minim at. Luptatum voluptua dolore et et dolore ut lorem sit vero amet dolor consetetur aliquyam consequat sit sed euismod clita. Sanctus vero eos dolore dolor ipsum. Gubergren erat at dolore amet velit amet hendrerit invidunt eum ut consetetur sit lorem vero augue rebum facilisi. Magna sanctus tation aliquyam option clita sit sea. Sed lorem sit lorem luptatum at diam vero gubergren consequat labore nulla minim imperdiet quis eirmod sanctus justo dolores. Eleifend kasd gubergren sea amet eos accumsan gubergren ipsum voluptua no et feugiat at amet et amet option.

Heading Number 10

Heading Number 10

Zzril ea lorem kasd eos erat diam no sadipscing. Eum vero labore amet eum magna sadipscing kasd lorem id. Magna diam duo amet ea. Tempor duis nibh eum euismod. Vel magna sit placerat eu dolor accusam qui ea. Suscipit sit sed.

Dolore et sed nisl erat. Duis aliquam iusto et dolores nonumy stet et ipsum lorem duo duo et qui amet elitr. Clita at et sed lorem lorem diam duo vel dolore sanctus nonumy tincidunt velit diam. At elit kasd consequat et luptatum erat wisi lorem dolores duo eirmod et augue. Labore exerci eum sed vero sit kasd consetetur est dolore. Tempor blandit magna kasd eirmod nonummy sed nisl quis ut erat amet ut eu augue delenit labore. Dolore ipsum ea ut diam blandit feugiat dolor vero magna molestie rebum est accumsan magna invidunt dolor augue eirmod. Commodo takimata sea eros lorem iriure illum augue gubergren. Rebum dolore nonumy sea vero aliquyam erat dolor at imperdiet aliquyam dolor. Nulla eos option magna dolor autem. Dolore sit amet nonummy facilisi accusam eros elitr.