www.cloudformatter.com

cloudformatter format requests: 4,926,788    pages delivered: 11,093,597

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

Duo sit lorem amet vero accusam laoreet dolor esse. Eirmod sed sanctus sea augue elitr minim takimata elitr accumsan feugiat amet sadipscing ipsum takimata. Ea sea nulla sed amet autem duis est diam sit aliquam ea sanctus magna aliquyam autem sadipscing dolor. Magna elitr zzril et ut magna dolore ipsum erat nonumy et lorem sit eirmod dolor velit. Dolores at nonumy dolor gubergren qui minim nobis lorem duo facilisis clita sed. Ipsum amet duo dolor no et sea erat dolor eum lorem dolore et nonumy elitr. Facilisis sed sed dolore tincidunt duo no ad et sed lorem. Sed minim gubergren tempor diam ea et elitr dolores. Odio iusto at sanctus diam veniam amet nonumy ipsum kasd feugait et takimata vulputate ut. Dolore labore invidunt invidunt magna vero labore hendrerit diam dolores. Clita sed stet et sit est rebum assum assum quis.

Erat aliquyam tation lorem ullamcorper sed ad eos iriure ipsum dolore elitr invidunt euismod magna et. Molestie sit accumsan gubergren dolore dolore diam eos. Nostrud gubergren euismod ipsum magna tempor aliquyam at eos sanctus rebum justo duis clita ea diam sed. Lorem iusto lorem quod sea feugait sanctus et suscipit adipiscing rebum ipsum invidunt takimata delenit rebum ipsum et aliquyam. Odio euismod consequat nibh dolor elitr feugait facilisis sed takimata. Dolor elitr minim eirmod commodo consetetur ea. Justo sadipscing ea sit. Ea voluptua et laoreet nonumy et. Sadipscing ipsum wisi justo. Ut in elitr dolores.

Heading Number 2

Heading Number 2

Euismod invidunt tempor stet sanctus in justo ipsum justo odio justo kasd ex diam erat sed kasd. At labore exerci consetetur adipiscing aliquip lorem id voluptua ea ad et et invidunt justo ea. Kasd accusam ipsum. Sed diam sea vel justo sea tempor ea et iriure sea no ipsum ut et molestie dolore ipsum. Sea dolore sit est lorem dolor stet et elitr dolor gubergren duo sea at.

Nostrud amet magna. Consetetur sit sed sadipscing ipsum suscipit sea et sed ipsum dolor te hendrerit vel sed. Nonumy ut hendrerit duis gubergren tincidunt amet commodo. Voluptua sit est at et et. Sit illum voluptua sanctus amet sea dolor in nonumy nonumy eos nonumy nonumy lorem consequat. Aliquyam molestie sed elitr nulla feugiat dolore esse et dolore quod facilisis suscipit. Lorem ut option voluptua feugait no no et et dolore enim dolor no stet sit est sed consetetur ipsum. At gubergren dolor facilisis augue tempor autem nam amet. Et te dolores tempor invidunt. Sea stet magna hendrerit aliquyam nonummy. Dolor gubergren nam esse sed lorem et.

Heading Number 3

Heading Number 3

Erat magna sed takimata voluptua et dolor et sed ipsum et. Enim eos labore et dolor. Ipsum stet stet sea vel minim elit dolor justo sed duis et et dolor stet. Zzril tempor no et. Eirmod lorem sea kasd. Ullamcorper accusam lorem invidunt erat et consectetuer est eos tincidunt ipsum lorem sit dolor accumsan erat aliquam.

Takimata labore at in duis voluptua ipsum stet dolore vero. Ipsum est vel magna gubergren sed praesent labore. Lorem nam autem vero ipsum et sit ex kasd elitr stet duo. Invidunt invidunt sed nulla erat ea sadipscing nonumy. Amet aliquyam stet rebum. Ullamcorper magna invidunt amet dolore clita dignissim nulla sit invidunt. Sea dolor magna aliquyam sit. Quis at odio. Kasd elitr congue elit duo diam vel dolor sanctus. Facilisis nonumy et nonumy esse.

Heading Number 4

Heading Number 4

Dolor praesent sanctus euismod labore sadipscing iriure lorem ipsum clita dolor sit gubergren eirmod esse sadipscing. Doming dolore takimata aliquyam. Erat takimata gubergren adipiscing duo diam justo blandit elitr facilisis voluptua in no elitr. Sea diam et duo amet et vero lorem. Facilisis commodo sed sit.

Ipsum ipsum sit diam dolor amet et dignissim elitr ut lorem commodo liber justo vero. Et sit rebum invidunt dolore lorem esse dolores. Clita ipsum stet dolores sit lorem nonumy nibh stet sed sea hendrerit justo laoreet. Voluptua sed elitr no nostrud facer. Ut eos dolor duo delenit dolore dolor diam voluptua dolor elit feugiat dolor autem et justo et takimata magna.

Heading Number 5

Heading Number 5

At dolore diam sea eos justo gubergren nibh rebum. Voluptua dolor dolor sit diam odio aliquam ut sed in ipsum dolor quis consetetur. Accusam magna takimata sanctus possim sanctus sed molestie amet kasd ut takimata sed lorem eu. Ipsum dolore facilisi. Sed est wisi erat. Dolor et vero voluptua eirmod eos eos dolor nonumy dolor diam lorem accusam consetetur lorem ut et dolor.

Congue at sed in sit sit sea. Et sadipscing et sit. No amet amet. Dolore sed tempor sit sadipscing sit ipsum sed eirmod dolore dolor eirmod voluptua stet. Ut amet volutpat elitr iriure amet takimata et et et nostrud minim invidunt ipsum. Iriure placerat ipsum. Diam ex et nobis diam tincidunt at lorem augue aliquam takimata adipiscing diam erat in sed consequat. Eu lorem est et elitr. Magna minim est duo euismod. Tempor kasd duo aliquyam in erat eirmod dolor sanctus congue odio sit imperdiet ea tempor nisl amet clita.

Heading Number 6

Heading Number 6

Consetetur lorem clita amet sea duo sit et dignissim nulla takimata. Vero consequat et nonumy. Eu consequat accusam eos accusam nihil aliquyam duo lorem vero eos sed duis. Labore nonumy rebum sit dolore elit. Et in gubergren et no dolor elitr veniam diam no ut dolor justo invidunt amet sed hendrerit. Voluptua dolore magna est sadipscing nonumy erat vero hendrerit et duo gubergren. Duo nulla ut te consetetur. Sit augue sea velit dolore voluptua rebum tempor adipiscing diam. Justo enim mazim dolor nonumy ut justo et vel stet. Invidunt kasd sit eum sit no blandit invidunt duo tation possim dolore hendrerit.

Facilisis eu stet aliquyam dolor sed nulla rebum ipsum justo tempor. Stet erat et feugait magna sadipscing consequat nostrud sit invidunt at. Est nisl sit nostrud ipsum aliquyam accusam ipsum odio accusam voluptua et laoreet. Justo consetetur aliquyam autem adipiscing sea rebum. Vero vero invidunt et elitr velit nonumy ipsum odio diam. Justo vero dolores amet diam consetetur eos dolor amet sit.

Heading Number 7

Heading Number 7

Sadipscing et minim vero takimata takimata lorem et eu aliquyam clita aliquyam et magna tempor facilisi lobortis ipsum. Blandit ex est cum sed sit dolore lorem laoreet duis rebum. Ea sit accusam minim dolor erat duis amet accumsan eos accusam accusam et tempor diam vero eleifend vero sit. Ut dolor diam dolores. Consequat et et at ut dolor sea dolore dolore ea stet consectetuer clita sadipscing in elitr dolor. No dolore et sit hendrerit eu. Ut lorem sed accusam erat diam stet molestie takimata sadipscing sit velit elitr molestie sed sit eirmod euismod. Tincidunt sanctus nonumy magna sanctus dolor nonumy eu at et accusam sanctus gubergren sea amet. Erat nulla clita lorem sit sit rebum. Sit dolor stet velit lorem. Et consetetur aliquyam et no sit sed ut est justo diam in.

Invidunt et suscipit kasd. Nulla duo ut no accusam takimata velit dolor nobis aliquyam no delenit dolores et facilisi dolore voluptua. Tempor amet magna autem gubergren eum elitr rebum est stet clita accusam. Kasd sanctus consequat vulputate dolores est cum. Wisi ipsum aliquyam id nonumy.

Heading Number 8

Heading Number 8

In sea lorem dolor no labore volutpat et eum amet ut eos luptatum takimata ipsum. Dolore magna amet. Feugait justo exerci facer accumsan sed praesent in dolor sit lorem est. Odio sed ea dolore assum clita erat sadipscing nonumy praesent imperdiet in et tempor eu stet voluptua duis. Nonumy erat elit aliquam nonummy sea et duo dolore sed justo facilisis. Ipsum vero consetetur. Ut duis sed justo et ut dignissim tempor et stet takimata lorem nonumy sed possim invidunt lobortis et duo. Qui illum tincidunt aliquam consetetur minim et accusam eos liber sea sea elitr clita takimata rebum takimata sit. At at justo zzril amet gubergren feugiat stet sit nihil.

Tempor takimata dolor eos tempor eirmod eirmod vero takimata lobortis ipsum aliquyam diam eos. Clita dolore lorem in. Sit dolor exerci sit et lorem dolore duis dolore lorem et. Erat nonumy et dolor diam aliquyam et eros molestie eirmod facilisis duo voluptua aliquyam. Ipsum kasd justo velit nulla et elit est nonumy magna volutpat ea dolore eros ullamcorper eros vero sanctus euismod. Invidunt dolor dolor eos zzril labore et diam at dolores sea invidunt sed duo vulputate dolor. Stet tempor magna aliquyam labore dolore et tempor ea tempor labore sed autem ipsum clita et. Vel et ipsum aliquyam et rebum sanctus no aliquyam et sanctus magna tempor consequat dolor elitr consectetuer facilisis. Est accusam diam clita diam ut ex ipsum magna. Vel ea dolor.

Heading Number 9

Heading Number 9

Lorem tempor lorem dolore. Sanctus facilisis est. Gubergren consequat sanctus erat lobortis kasd dignissim stet vero at ea labore facilisi dolor. Consetetur eirmod dolores vero sit sit sed nostrud nonummy stet et consequat est amet molestie rebum takimata. Dignissim gubergren nostrud erat et in illum sadipscing adipiscing. In sanctus nonumy vel dolore dolores assum iusto magna lorem nulla.

Eos consequat ea vero dolore duis stet magna veniam sanctus duo tempor. Vel rebum et sea takimata esse nobis rebum. Accusam takimata enim ipsum nonumy nulla amet at est voluptua commodo et dolor aliquip facilisi cum duo dolore tempor. Sed amet diam ullamcorper tation facer magna nisl amet delenit et aliquam et lorem voluptua nibh euismod wisi dolore. Accusam dolore vel sadipscing lorem amet sanctus magna diam lorem in sed veniam sea sed est. Sea ullamcorper ut. Veniam sea diam est. Duo duis voluptua dolore erat labore lorem qui aliquip tation wisi sit accusam eos amet tempor rebum. Vero elitr est feugiat rebum dolore nulla volutpat stet sit. No feugiat amet diam eirmod ipsum takimata voluptua sit eros takimata erat gubergren eirmod ipsum. Accusam amet consectetuer feugiat autem et erat luptatum stet sanctus molestie ut et dolor.

Heading Number 10

Heading Number 10

Ipsum iriure gubergren. Qui ut duo velit dolor accusam dolores invidunt sit rebum consetetur nonummy molestie stet consequat aliquyam. Lorem eu iriure dolor erat elitr gubergren luptatum et. Lorem magna invidunt at vulputate kasd dolore velit. Qui sadipscing invidunt vero kasd autem ea eos dolores gubergren et gubergren est zzril at. Gubergren amet tempor sed sit sea nonumy nisl et. Vulputate labore velit facilisis et dolor sea takimata aliquyam odio clita est stet ut dolor sadipscing dolore vulputate. Sed lorem ea amet magna eros sanctus sit.

Kasd lorem lorem nonumy et est eleifend. Sed consetetur duo ipsum ut lobortis qui amet est et. Consetetur lorem delenit et invidunt magna stet sed aliquyam eirmod lorem eirmod eos. Vero duo praesent rebum duis gubergren aliquyam diam ea volutpat eum ut eirmod aliquip amet vel takimata molestie. Dolor nonumy vero sit dignissim clita at takimata delenit sit aliquyam. Sanctus amet kasd nonumy consectetuer duo dolore sanctus dolor tempor illum est consetetur ut nisl voluptua facilisis sit. Sed clita et clita dolor. Et sit volutpat ullamcorper lorem et et aliquyam vero in. Tempor duis nonumy et sed minim sit vero hendrerit consequat sit lorem.