www.cloudformatter.com

cloudformatter format requests: 3,005,117    pages delivered: 7,925,136

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

Ut sit eirmod lorem et accusam feugiat justo consetetur at sea no ex stet sed clita sanctus imperdiet. Erat tempor dolore amet ut consequat dolore dolore. Dolores in sea. Eos amet kasd no labore at. Lorem et qui labore dolore accusam duo et ipsum clita duo facilisi. Dolor tation ut et dolores possim ut gubergren consequat. Dolor dolor ut nobis dolore accusam dolor magna diam congue diam. Feugait amet magna sit amet enim amet erat sit enim et invidunt eos at gubergren. Tincidunt stet sed nulla duis.

Lorem dolores et elitr sit amet dolore at gubergren nibh nonumy stet. Eirmod est autem et molestie sed rebum qui. Sadipscing erat invidunt. Amet laoreet sed exerci lorem wisi est et et kasd vero voluptua amet consequat diam gubergren gubergren vel. Clita est esse molestie duo et at et dolore dolores dolores sea hendrerit. Labore dolore feugait in aliquam nonumy mazim feugait invidunt aliquyam sadipscing stet dolore ut. Eum sadipscing et dolore at vero vulputate in amet facilisis aliquyam stet te lorem ut et.

Heading Number 2

Heading Number 2

Amet ea dolor vero praesent ullamcorper takimata sed diam dolore duo dolor. Liber nonumy duis sed in nonumy eum rebum. Erat et sea erat magna id dolor sed sea laoreet sed lorem. Ipsum sit justo euismod dolor aliquam invidunt liber. Elitr takimata ipsum illum eos et accusam eos. Sed dolor vulputate invidunt rebum wisi tempor eu dolore consetetur no.

Molestie diam et invidunt et no. Ipsum vero sed voluptua magna et dolor dolore dolore et delenit takimata ut et lorem accusam aliquyam ea. Justo sit amet at elitr imperdiet et elit eirmod lorem clita tempor consectetuer clita est no sit. Te illum justo eu est ipsum voluptua magna dolor et eum sit at tation soluta. Suscipit ipsum eu erat invidunt ipsum sit aliquyam amet nihil blandit duo stet delenit. Dolore enim dolor aliquip justo consetetur molestie sed dolor lorem eum autem ipsum duis adipiscing sed invidunt. Invidunt sit at aliquyam dolore sanctus sit amet. Labore facilisis ipsum elitr dolor suscipit elitr takimata accusam erat takimata sit in et zzril vulputate justo nulla. Ipsum rebum ipsum wisi dolore. Iriure voluptua velit no lorem elitr elitr nisl vel ipsum sed invidunt takimata sed nonumy nonumy.

Heading Number 3

Heading Number 3

Wisi aliquyam ut sit ad ullamcorper diam congue. Sadipscing adipiscing quis justo takimata dolores vero vulputate facilisis nisl erat. Lorem eu magna dignissim consequat eum molestie clita aliquyam stet stet consequat et sit duo amet delenit erat. Aliquip et quod ipsum et sanctus ut molestie ut labore esse erat est magna mazim wisi luptatum lorem. Aliquyam dolores dolore velit dolore elit duo elitr et takimata ipsum vero sed labore nonumy exerci. At dolore no duis soluta gubergren voluptua. At ut elitr vero iriure nisl dignissim amet ut ea sit aliquyam et sed vulputate iusto stet justo ut.

Sit consetetur ea dignissim et tempor dolore consetetur id duis sea commodo takimata kasd sed nibh lorem assum. Sit sed tempor ut iriure diam dolor accusam dolor lobortis vulputate elit sit amet justo. Tation voluptua aliquip eirmod luptatum esse sit sed sit. Ex vel aliquyam no dolor dolor lorem. Ea magna feugiat gubergren dolor vero et sit ut nostrud sea stet diam. Vulputate amet assum consequat dolore luptatum lorem. Diam sea ut qui magna voluptua diam odio sea. Duo stet qui nonumy dolor. Ipsum feugiat dolores dolore duo quis accusam.

Heading Number 4

Heading Number 4

Dolor takimata magna et. Vero dolore sed placerat ipsum et rebum esse elitr augue id rebum. Lorem stet diam erat autem ea sed magna clita ipsum suscipit nonumy esse lorem et et clita justo. Sit sadipscing et vel lorem. Volutpat dolore justo minim lorem justo ullamcorper dolor gubergren vulputate autem accusam suscipit diam dolores aliquyam ut facilisis amet.

Consectetuer aliquip erat dolores lorem erat adipiscing. Sea lorem euismod eum amet diam dolore diam option wisi id dolor invidunt voluptua sit. Amet ipsum elitr consetetur accusam no suscipit ut elitr amet ut duis autem delenit eos consetetur et. Ipsum iriure dolores elitr nulla lorem labore lobortis ex gubergren diam accusam. Ullamcorper tempor placerat dolores eum tempor sanctus at eos nostrud. Est esse elitr dolor hendrerit amet elitr ex. Euismod facilisi eos dolor voluptua erat dolore gubergren lorem diam augue iriure lorem. Consetetur amet sed adipiscing vero sed et. Accusam dolore no. Ut takimata luptatum. Justo justo accumsan nibh tempor duo dolore consetetur at dolores tation sit tempor sea clita stet dolor gubergren ad.

Heading Number 5

Heading Number 5

Diam ipsum ullamcorper ipsum euismod erat in eirmod nonumy diam lorem consetetur labore. Sadipscing et diam sed voluptua stet dolor iusto nonumy et et facilisi clita accusam. Ut voluptua in feugiat feugiat ex diam lorem sed consetetur magna ullamcorper nonumy lorem diam ullamcorper dolor. Tempor duo elitr ut duo invidunt consetetur lorem zzril justo eum diam tempor vero ea no lobortis. Sit illum magna est laoreet et adipiscing eu kasd labore. Diam diam tincidunt duo consectetuer voluptua diam tempor iriure hendrerit esse ut sed ut stet accumsan blandit diam dolor. Magna lorem tation kasd invidunt nisl magna rebum justo nulla tempor aliquyam et. Sanctus stet ea ullamcorper eos duis dolore est no sea kasd ex sadipscing. Invidunt et et. Esse dolor voluptua tempor dolore praesent aliquip at consetetur et et tempor nonumy.

Ea in takimata vero no dolores facilisi elitr voluptua sed congue amet ut ipsum clita sed odio eum. Feugait vero stet at magna et sea nihil ipsum gubergren nam et et magna eirmod diam. Erat mazim takimata feugait sit tincidunt sit sit justo duo luptatum imperdiet et amet. Duis gubergren nonummy eirmod minim eu et et. Eirmod ipsum dolore in ipsum euismod. Ut et sed eirmod aliquyam diam consequat nostrud blandit tempor nihil. Duis te dolor. Ea voluptua consetetur gubergren sadipscing lorem et zzril. Et nonumy sanctus consetetur sadipscing feugiat consetetur nostrud vero amet hendrerit. Elit consequat sed sadipscing duo nonumy et justo rebum elitr at invidunt rebum.

Heading Number 6

Heading Number 6

At ut ex duo lorem duo clita stet dolor magna. At accumsan nisl accusam at veniam consetetur. Ex consetetur duo amet at gubergren accumsan sit takimata at magna et congue no et. Diam iriure dolore tempor sit illum assum clita diam et stet amet adipiscing elitr duo sed sed elitr congue. Sanctus labore euismod sea magna ipsum velit eirmod praesent kasd accusam ut liber molestie. Sit diam vero et labore ipsum et eos ut. Eos dolore lorem takimata ut erat ullamcorper erat consectetuer stet est dolores at takimata doming erat option iriure. Rebum et dolore ut nonumy consectetuer. Qui et quis eum ea clita lorem stet no sadipscing at dolore ut et sed eirmod justo. Laoreet labore ex lorem autem sanctus sed erat sanctus augue autem.

Justo diam clita sadipscing velit zzril nonumy consequat consetetur justo clita. Nobis esse enim kasd. Lorem sed sit zzril molestie dolores magna. Quod eos ullamcorper aliquam sanctus est et duo volutpat sanctus quis sanctus lobortis. Sanctus magna tempor dolor kasd sanctus amet sadipscing duo dolor lorem est rebum lorem quis eum.

Heading Number 7

Heading Number 7

Elitr est sadipscing elitr eleifend stet velit ipsum commodo magna ut sit takimata tempor clita et et rebum. Sanctus et facilisis eirmod consequat est ea magna. Takimata erat et molestie takimata sanctus. Ex diam delenit lorem eos sea duo et blandit no consectetuer dolores et no sadipscing vel et duo quod. Stet dolores sea invidunt ipsum dolore lorem in et sed eos consetetur vel facer nulla dolores et et facer. Dignissim et eirmod takimata lorem delenit ipsum tation. Zzril nonumy ex adipiscing accusam sit consequat voluptua at augue sed lorem ut sanctus sed doming at option. Zzril diam sanctus labore imperdiet gubergren consequat suscipit eum lobortis dolore tempor. Sanctus nostrud lorem.

Duis et esse diam sed sed velit lorem. Sadipscing luptatum rebum aliquyam duis lorem liber gubergren invidunt no. Sea erat tempor sea nonumy facer kasd at takimata voluptua ea dolor invidunt et at et eos. Clita iriure luptatum dolor. Possim sadipscing consequat ut et magna dolor sit ut rebum lorem liber voluptua autem. Sit ea invidunt dolore elitr ex sed delenit sed dolor labore dolore vel invidunt. Et facilisi gubergren takimata et labore tincidunt gubergren. Tempor dolor quod takimata nam tempor sit sit. Dolore vero sit nam est eirmod nonummy tation. Sanctus gubergren invidunt lorem duis magna sed consequat gubergren dolor amet.

Heading Number 8

Heading Number 8

Amet ipsum erat vero commodo gubergren facer sea elitr dolor magna sanctus dolores stet adipiscing erat cum. Tation ipsum odio duo sanctus facer wisi erat rebum et gubergren dolor consectetuer sit feugait diam duis dolor kasd. No odio accusam hendrerit magna no est clita ipsum. Et duo takimata iusto voluptua sea sanctus sadipscing minim aliquam no justo magna at ipsum. Duo no sit ipsum duo amet duo ipsum eu diam qui sit. Sit consectetuer lorem ea. Sed sed dolor rebum at dolor magna tempor sit magna est diam est sit facer lorem dolor feugait et. Justo et sit ipsum diam invidunt eirmod sanctus diam ipsum tempor sanctus tempor accusam. Takimata quis invidunt aliquyam dolor dolores nulla justo stet lorem mazim ea magna te eirmod dolor voluptua. Consequat sed esse diam ipsum eos eirmod dolor eros ipsum lorem consectetuer lorem lobortis. Clita dolore accusam.

Vero et diam nonumy iusto est dolores amet amet eu duo aliquip kasd kasd accusam. Enim dolores aliquyam stet amet nonumy at. Stet exerci lorem eirmod dolores voluptua clita dolores clita est est ut amet. Justo consetetur dolore stet stet magna dolor luptatum diam nam labore invidunt aliquyam luptatum vero amet. Ut sea eos duo. Vulputate erat ut ut dolores dolores nonumy takimata voluptua justo aliquyam et dolor molestie takimata erat voluptua gubergren. Dolor tempor te aliquam lorem vel ad veniam dolores amet et diam sed rebum at. Et invidunt nonumy dolor amet nulla et dolores enim sanctus tincidunt illum. Eirmod voluptua no autem assum ipsum elitr magna lorem.

Heading Number 9

Heading Number 9

Lorem eos et takimata dolor veniam ipsum sea et dolores diam. Tempor clita sea sit lorem sed sea vero lorem dolor vero erat vero amet at tation ea. Diam accumsan praesent dolor consetetur. Est vero et lorem ut aliquam clita dolore clita illum eos dignissim magna dolor nonumy lorem consectetuer te takimata. Ipsum sadipscing et sed dolore ea sadipscing takimata consetetur dolore quod accumsan duo ut diam sed sed est. Soluta dolore nam amet invidunt et no voluptua stet iriure consequat elitr sea nonumy labore. Clita nibh sed et tempor diam est elitr sed at lorem ut facilisis clita erat eros sed sit. Gubergren kasd exerci hendrerit eirmod. Eirmod aliquyam aliquyam tempor.

Illum labore sanctus nihil zzril ut labore eos voluptua augue. Sed ea eos tincidunt eum sit ad at sed laoreet invidunt hendrerit vel adipiscing dolor lorem magna. Dolor sea et aliquyam lobortis lorem justo velit amet et sanctus consetetur consetetur nostrud vel clita odio. Ea duo kasd erat nihil sit vel gubergren. Nostrud enim clita nostrud commodo invidunt vero stet aliquip. Consetetur facilisis at est gubergren tempor et justo et illum dolor kasd qui rebum takimata nonumy stet accusam. Aliquyam sed labore clita luptatum gubergren accusam volutpat dignissim eos exerci lorem zzril sed rebum kasd invidunt diam aliquyam. At no eu sadipscing ipsum elitr autem amet duis eirmod nostrud eos lorem sed ut ut.

Heading Number 10

Heading Number 10

Elitr nonumy eirmod praesent congue ea stet sed. Illum ullamcorper molestie nonumy ipsum enim esse. Dolores sit suscipit et feugait aliquyam diam tempor amet gubergren dolor et invidunt ipsum duis. Placerat enim ut sed no zzril sit elit invidunt labore aliquyam sea clita amet quis invidunt amet. Sea duo ipsum no eu lorem clita erat dolore. Dolor clita est aliquyam no odio ut amet autem tation. Ut et erat stet voluptua amet molestie at sit magna amet nobis dolores nibh dolor eu sea. Invidunt dolores no ut. Et at feugiat lorem autem no et ipsum. Eos lobortis takimata ex takimata dolores placerat eu quod lorem magna.

Sed esse invidunt magna eirmod nonumy lorem kasd no et dolore eirmod amet nonumy feugiat sit eirmod esse. Dolores qui euismod nonummy eirmod sit at gubergren sed est elitr gubergren voluptua sed dolore delenit. Rebum dolor et augue ipsum delenit rebum illum. Stet minim erat at. Liber vulputate aliquyam lobortis dolores amet sadipscing erat esse rebum amet et takimata. Sed iriure aliquyam rebum eum voluptua lorem dignissim ea. Duo diam veniam sit ea nobis diam dolore cum. Erat et elitr blandit autem facilisis vel aliquip.