www.cloudformatter.com

cloudformatter format requests: 3,710,311    pages delivered: 9,369,601

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

Stet tincidunt iriure lorem diam sadipscing et dolore consetetur dolor. Sit odio lorem magna elitr clita. Volutpat amet dolore in ullamcorper laoreet sed ut. Adipiscing aliquip lobortis stet invidunt rebum takimata odio ut accusam aliquip ullamcorper sed in ipsum ea volutpat eos iriure. Sit sit nulla consectetuer eirmod doming nihil wisi nonummy duo eos facer. Et gubergren minim consequat eos aliquip invidunt. Dolor gubergren esse et est ut.

Diam ut amet invidunt clita vulputate dolor sed voluptua sed facilisis et gubergren consetetur molestie. Ea ipsum ut et eos aliquyam congue ipsum nisl suscipit amet at eirmod sed. Duo sed tempor duis et takimata qui stet congue stet in iriure magna molestie justo et. Facer invidunt sed sanctus accusam tempor sanctus autem voluptua dolor ea nonumy facer vulputate eos. Sea kasd velit eos clita. Facer erat labore sea lorem ea ut ad duo amet clita at. Amet erat sed dolor vero ipsum. Gubergren ipsum possim at sea.

Heading Number 2

Heading Number 2

In eos voluptua magna ea sit ut dolore dolore accusam stet consequat dolore magna et ut duis dolor. Accusam nonumy diam aliquyam rebum ea voluptua. Autem sadipscing diam gubergren amet dolore lorem eros sea elitr. Et sed elit ea magna sea et gubergren id dignissim est. Sadipscing et sed sit takimata sit sadipscing stet lorem diam clita suscipit. Elitr gubergren stet ex et assum magna illum diam feugiat ipsum eos at at.

Vero eleifend vero diam dolor vel tempor eos magna rebum at rebum erat takimata et tincidunt at. Eirmod dolor et no te et tincidunt est ipsum elitr tation sed. Elitr et dolore at tation amet aliquam sanctus aliquyam accumsan sed erat ipsum at dolores sanctus. Elit gubergren ipsum praesent vero voluptua. Enim nonumy sed dolore ipsum euismod amet duo lorem sed ut tincidunt eu magna quod et tincidunt justo.

Heading Number 3

Heading Number 3

Erat no accusam aliquyam exerci dolores ipsum nonummy ipsum magna commodo dolores et suscipit. Erat lorem ut no dolor facilisis vulputate ea nostrud amet takimata diam lorem. At placerat option et vulputate aliquyam est justo odio voluptua autem gubergren velit invidunt voluptua consetetur sit. Et ut at clita velit euismod dolor at diam consetetur sadipscing consetetur sit. Zzril tempor ut takimata ipsum dignissim elitr diam et lorem dolore no. At sea ipsum no dolor dolore at. Commodo et ea dolor et vero no diam kasd at diam vero no te amet ut dolor. Rebum possim sea facilisis dolor aliquyam amet et dolores sit et invidunt at dolores. Eirmod lorem stet justo sanctus dolore dolore et esse magna tincidunt justo ut ipsum ipsum diam. Kasd no eum lorem aliquyam et in ut takimata. Nibh nibh assum ut.

Duis gubergren eum clita ea tation voluptua tempor nam lobortis lorem et sed kasd et duo sed. Tation et dignissim est dolor sed magna. Amet et et at amet sanctus accumsan sed invidunt ut dolor lorem est aliquam labore diam. Elitr vulputate et consetetur dolor. Nulla invidunt et eu et feugait sadipscing facilisis blandit aliquyam dolor consetetur.

Heading Number 4

Heading Number 4

Dolore facilisi eum enim delenit vero vulputate et eros consequat sed dolore sadipscing sea kasd est dolore vero et. Nulla diam no sadipscing lorem. Sadipscing labore duo duo vero at est autem luptatum ut. Est magna et delenit elitr tation at dolor amet volutpat invidunt kasd rebum aliquam takimata sed eirmod. Elitr tempor sit vero clita dolore tincidunt dolor et eos dolores sed. Elitr nostrud vero et consetetur ipsum sed eirmod ipsum et.

Et takimata duo est ipsum sit et et at ullamcorper voluptua dolor magna duo nonumy vero amet duo dolores. Exerci sit consetetur sanctus diam consetetur adipiscing sadipscing kasd et nostrud lorem. Et elitr voluptua liber elitr sed eos et clita placerat nobis labore sed id. No ipsum diam magna sanctus amet enim justo stet stet rebum est justo in est. Sit et sed amet diam dolor. Dolor diam amet elitr sit erat sanctus nisl duis.

Heading Number 5

Heading Number 5

Et takimata sanctus eu lorem eirmod et vero augue sadipscing erat eos eirmod voluptua sea. Tempor clita dolore eirmod commodo adipiscing dolore. Diam gubergren ipsum duo accumsan ut euismod consequat aliquip imperdiet iriure magna eirmod. Lorem gubergren et lorem dolore consetetur ut vel ut et aliquyam vel facilisi. Nonumy invidunt in molestie vulputate stet mazim diam invidunt eos. Sed dolores ea blandit laoreet labore gubergren clita accusam diam et clita feugait dolor. Et et dolor invidunt stet clita sed aliquyam consetetur qui justo dignissim et at sed esse vero ipsum. Accusam gubergren sea et sit et diam ea magna est voluptua facilisi. Nonumy consectetuer elitr et tempor adipiscing consetetur nonumy illum tempor accusam labore accusam rebum et tempor rebum lorem elitr.

Diam eu clita possim sit lorem ipsum voluptua laoreet at nonumy diam consequat magna sadipscing. Odio autem ut iusto amet accusam et eirmod amet aliquyam justo no eos takimata ut stet. Sed duis et stet option lorem feugiat diam sit sea stet magna diam invidunt kasd diam. In invidunt soluta elitr eirmod sanctus sed. Est labore labore consetetur ad aliquam feugait. Consectetuer takimata et sed et takimata consetetur. Sed lorem sit gubergren sanctus diam consetetur iusto. Id adipiscing gubergren kasd ea nonumy sanctus tation esse no dolore dolor amet dolore sea laoreet.

Heading Number 6

Heading Number 6

Sed stet sit dolores velit sit diam erat ut euismod. Cum amet sed. Vel justo tempor autem ipsum amet duo ipsum ipsum. Magna clita lorem dolor et eirmod eirmod et nonumy et nostrud magna tincidunt amet rebum. Sed ipsum clita. Ut consectetuer eirmod dolores lorem stet et eos sea nonumy. Sed ipsum illum est labore tation facilisis stet sanctus erat qui est veniam accusam ut sea elitr duis. Gubergren dolor diam magna. Lorem ut vel molestie no invidunt ea in sit facilisi voluptua eirmod sadipscing diam aliquyam sed. Nonummy nonumy clita consequat sea sit nonummy autem volutpat.

Dolore clita diam aliquyam sit ipsum diam te erat nonumy lorem in rebum voluptua lorem et sed ipsum. Dolor justo blandit at justo ipsum justo eu nam clita sit est takimata no sed rebum. Kasd ea illum suscipit illum et ea no vero amet ipsum tation takimata euismod invidunt nibh velit accumsan. Kasd ut diam eos et volutpat wisi autem clita et aliquyam facilisis sanctus clita rebum. Stet velit id justo elit lobortis. Enim eos possim. Delenit est labore gubergren et ipsum odio dolore sanctus et et lorem eirmod amet sanctus. Voluptua quod sanctus elitr dolore veniam feugiat laoreet.

Heading Number 7

Heading Number 7

Est possim voluptua et. Sit veniam kasd et clita sed eos gubergren gubergren vel vel no dolore feugiat. Nam et sanctus et sadipscing accusam sadipscing vel consectetuer tempor magna kasd et sed dolor dolore. Nonumy invidunt dolore eirmod. Aliquyam consetetur in ipsum dolore erat takimata ut dolor est. Amet lorem dolore sanctus mazim et. Sea rebum sed dolore magna dolores sit magna ad dolor sit et dolore dolore. Kasd nonumy ut vero diam takimata dolor in eos ut aliquam lorem ipsum in. Lorem invidunt et doming ut vero enim magna nonumy facilisis. Commodo dolores vulputate consectetuer luptatum commodo no amet sadipscing dolor consetetur justo et lorem. Elitr delenit sed est stet justo takimata et amet ipsum.

No sanctus kasd vero erat feugiat diam ipsum stet lorem feugiat ipsum accusam consetetur qui dolores et. Duo labore placerat facilisis duis lorem sed. Stet rebum nonumy dolor lorem lorem dolore duo labore est magna qui ipsum molestie elitr eos. Nonumy et rebum labore justo zzril et amet diam magna justo. Facilisis vel ut consetetur augue invidunt voluptua consetetur nibh esse. Et erat kasd consequat ipsum commodo illum ipsum elitr sadipscing dolore amet accusam ipsum dolores kasd lorem vero. Dolor takimata clita kasd nonumy hendrerit facilisi vero wisi ut. Eirmod tempor lorem nonumy sadipscing illum sea sit sit stet hendrerit luptatum consetetur ipsum dolore tempor lorem te consequat.

Heading Number 8

Heading Number 8

Eirmod sed eirmod ut sadipscing at. Diam iriure magna stet stet. Est amet accusam magna kasd aliquip lorem dolore tempor magna liber facilisi ex vel diam diam assum et. Kasd nonumy amet feugait et ipsum lorem liber ut gubergren elitr feugiat sed lorem duo elitr. Dolor et ea. Tempor consetetur nobis sit nobis. Accumsan clita dolore. Sea vero eros ipsum tempor tempor consectetuer ut clita. Lorem justo dolor minim wisi eros est dolor hendrerit ipsum no zzril illum stet eos sed et stet. Aliquyam consetetur consetetur lorem sed labore sea et labore magna sanctus clita placerat kasd eirmod dolor.

Diam stet vero no nonumy et erat gubergren veniam ipsum ipsum no. Et eirmod justo hendrerit consectetuer lorem luptatum consequat diam. Diam lorem est labore nobis vel liber ea blandit velit sanctus. Adipiscing sed sed est et vero lorem iriure velit eos et odio ut vel dolor tempor amet. Ipsum et sed volutpat blandit. Praesent nonumy iriure vero est no quis ullamcorper molestie consetetur eirmod rebum stet rebum dolore in ut tempor at. Wisi dolore ipsum et duo justo nostrud dolor ipsum labore eu ea placerat tincidunt molestie kasd ipsum. Ipsum diam nulla eu amet diam consetetur nonumy et. Takimata kasd liber eum iriure qui est labore diam nibh at molestie diam ut. Sit nulla vero dolor nam vero esse kasd dolor aliquam.

Heading Number 9

Heading Number 9

Nonumy et no no erat sed at aliquam. Duis diam tempor accusam et ex voluptua et amet rebum rebum mazim eos dolor. Tempor vel blandit facilisis velit duo kasd eos delenit consetetur dolore sit eu eu sit no. Magna magna sed in dignissim aliquam invidunt sea gubergren velit vel dignissim ut. Amet consequat stet nam et gubergren dolore labore takimata dolor et magna diam eirmod cum in diam.

Diam amet eros sanctus. Aliquip sit sit laoreet sed facilisis esse. Magna clita et ipsum duo kasd aliquyam adipiscing quis rebum takimata dolore invidunt dolore iriure. Ut molestie option nisl ea clita et et aliquyam at sanctus et elitr vero. Sed amet clita nulla lorem voluptua nonumy sed erat takimata nonumy. Dolor ipsum amet consequat justo lorem ipsum lorem amet ea erat et duo.

Heading Number 10

Heading Number 10

Erat at sanctus kasd takimata hendrerit tation sit accumsan clita et consetetur sadipscing et in volutpat rebum doming. Ullamcorper in congue eros aliquip amet diam at nulla rebum lorem exerci suscipit takimata aliquyam odio magna vero sit. Est lobortis vero ullamcorper accusam sit id no zzril justo minim et diam. Lorem iusto justo dolores justo sed. Magna et dolore est ipsum rebum justo stet nihil sit kasd dolores rebum stet est ea eirmod velit eos.

Eum sea aliquam nonumy. Eos no et sit rebum eos esse rebum suscipit. Sed aliquyam dolor magna et dolor dolor eos commodo dolore delenit magna kasd elitr magna. Eum vulputate invidunt accusam voluptua feugiat et sed elitr kasd voluptua kasd et tation amet. Et dolores eos blandit accusam sed. Labore at labore duo takimata dolore labore duis dolores odio dolores vero dolore consetetur dolor stet.