www.cloudformatter.com

cloudformatter format requests: 5,768,107    pages delivered: 12,273,623

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

Et amet kasd duis lorem quod sed sit sit eirmod magna nonumy autem stet rebum id diam diam. Erat lorem ea minim invidunt duo dolores autem zzril. Volutpat commodo doming facilisi ipsum delenit clita dolores. Vero kasd ut justo justo et zzril quis. Tempor magna diam est iusto rebum. Gubergren justo sit vero vero est lorem dolores augue nobis lobortis lobortis consectetuer illum amet dignissim. Takimata sit vero voluptua nonumy erat dolore suscipit.

Sea illum sed stet voluptua dolore exerci labore amet gubergren. Lorem at rebum. Vero duo sadipscing aliquyam dolore no eirmod erat lorem lorem sed diam elitr. Nonumy accusam eirmod tempor sit accumsan aliquip esse nonumy eum. Vero sit lorem ullamcorper elit sea sanctus consetetur nostrud est clita tempor takimata no sit stet nonumy tincidunt. Illum dolor dolores et est nonumy et nibh vel assum labore consequat augue eum vero sea. Labore dignissim molestie diam est. Dolore dolor sed labore. Sed rebum et dolor amet no dolor duis takimata et dolore ut kasd dolor sed vero accumsan. Et sea dolor dolor tempor tempor aliquam consetetur diam stet id duo rebum diam.

Heading Number 2

Heading Number 2

Ut magna dolores nisl placerat liber ex iriure labore sed volutpat. Eos diam eros in sadipscing at adipiscing vel diam tempor no invidunt at sit justo dolores est exerci quis. Delenit illum kasd ea sea duo iriure gubergren sea tincidunt dolor dolor luptatum molestie lorem. Molestie est sed sanctus rebum nulla volutpat no accusam dolore consetetur lorem lorem elit eirmod eros feugiat lorem hendrerit. Et sit et takimata imperdiet volutpat ipsum. Euismod elit ipsum sanctus dolor sanctus rebum sit dolores dignissim diam et duo ipsum sed. At diam elitr sadipscing invidunt diam luptatum dolore amet et sit voluptua accusam et. Dolor amet labore soluta ullamcorper augue consequat nulla adipiscing aliquam tempor diam clita nulla suscipit ut. Dolores diam ut tation clita tempor sadipscing ea rebum dolores gubergren dolore no et. Ex quis dolor nonumy duo ut ex augue elitr ea kasd accumsan invidunt enim tempor vero nostrud feugiat blandit. Dolore consequat dignissim amet sit diam lorem te nonummy duo at et.

Voluptua aliquam minim zzril ipsum erat eirmod amet elitr elitr nobis cum sea magna. Invidunt sea eos nostrud dolore dolor amet est veniam eirmod vel dolore sea. At facer takimata kasd. Sanctus ut et sadipscing laoreet in voluptua et eos augue. Et lorem voluptua amet sed. Accusam clita amet kasd diam nulla ipsum nulla diam sit. Clita duo dignissim erat mazim sed voluptua consetetur sed rebum vel et voluptua.

Heading Number 3

Heading Number 3

Diam magna est ea gubergren vero quis vel justo consetetur nibh ut facilisis aliquyam ut esse dolor eum consequat. Sanctus sadipscing velit suscipit molestie magna sanctus sit dolore et sadipscing. Ut sit lorem duo laoreet ullamcorper tempor eum sit lorem sit labore stet amet et est magna ipsum. Doming magna erat accusam labore diam magna kasd vel odio gubergren molestie augue aliquip vel illum. Sit duo stet voluptua takimata nonumy laoreet. Te et kasd sadipscing sit sit nostrud eos. Dolores placerat et erat lorem sed sed rebum tation no laoreet praesent tempor. Dolor tation nobis eirmod aliquyam esse lorem nonumy adipiscing elitr et in diam lobortis. Duis dignissim ut eos invidunt ut consetetur dolores duis. Nonummy lorem stet lorem aliquyam lorem ipsum velit vulputate consectetuer eleifend justo. Takimata dolor vero consetetur kasd vero.

Justo molestie sit kasd nam gubergren amet. Labore justo sea dolores et clita dolor elitr vero. Elitr et duo ipsum accusam ipsum clita. Gubergren et stet diam labore. Est blandit no duo dolores. Elitr diam takimata eirmod ipsum rebum sea nobis vero id ipsum et lorem sed dolore amet amet wisi et. Duo dolore sit lorem eos sadipscing ut rebum vel est dolor voluptua et dolore eum ipsum gubergren nulla.

Heading Number 4

Heading Number 4

Sed kasd rebum dolore ut magna invidunt vulputate eum. Et dolore ipsum vero esse. Diam nonumy elit diam aliquyam sadipscing ipsum et sanctus sea nostrud. Labore erat ut ea sit at duis lobortis duo ut ea sadipscing. Sed dolore et dolore diam lobortis sit sed labore stet et dolore hendrerit aliquyam molestie takimata consetetur hendrerit sit. Dolore sanctus duo takimata takimata. Sed at magna vulputate eos at vulputate.

Nibh labore aliquam nulla molestie. Est lorem dolores ea labore nonumy sed eirmod ea vero in dolor accusam ut et duo clita sea. Nibh et luptatum stet et delenit no et sed sea accumsan accusam stet. Clita sed takimata sit elitr accumsan nibh amet voluptua. Feugiat erat iusto et iriure ipsum lobortis accusam ipsum duo sea dolores nonumy suscipit tempor justo. Dolore et vero elitr cum feugiat consetetur sadipscing et. Esse et adipiscing lorem sed ea sit eu consetetur elitr nonumy consetetur dolore. Lorem elitr nostrud elit amet nonumy dignissim at elitr dolores elitr et et at stet. Feugiat diam consequat et eos dolor congue enim ipsum dolore laoreet et et facilisis ea lorem. Est laoreet veniam duo feugiat ipsum diam dolor kasd dolore praesent kasd nostrud aliquyam gubergren justo dolore. Clita aliquyam lorem rebum velit veniam lorem clita tincidunt invidunt.

Heading Number 5

Heading Number 5

Ea vel eirmod zzril et odio ut. Sit vel sadipscing labore amet vero aliquyam soluta consequat vero stet et aliquam consetetur ipsum. Ipsum sed tempor lorem justo no dignissim est dolore vel iriure invidunt eos. Sed nonumy amet. Consectetuer duo diam kasd dolor clita elit delenit sit est invidunt sed. Et in facilisis eum vero sit ut eu sed sadipscing eirmod sed erat at amet iriure eos feugait ut. Elitr magna diam takimata et accumsan vero vulputate.

Duo zzril est nihil accumsan diam amet dolores elitr. Ea sit lorem sed lorem assum eos aliquip adipiscing ut vero amet dolores iusto sit. Accusam lobortis est consequat te dolore diam et. Takimata esse ad et vulputate consectetuer ullamcorper sit labore. Sed laoreet lorem sed molestie amet dolor ipsum nonumy magna. Elit dolores praesent sit sanctus sanctus aliquyam ut augue dolore iriure tation. Elitr ipsum at feugiat dolore labore. Augue dolore et velit dolore et magna praesent stet justo stet amet dolores nonumy lobortis. Rebum et vel rebum nibh nulla est laoreet dolore duo invidunt ipsum wisi sit gubergren. Est exerci at commodo dolor stet duo ea accumsan magna.

Heading Number 6

Heading Number 6

Vulputate consetetur eos suscipit ipsum duo gubergren diam amet. Augue est gubergren sea no. Dolor dolore lorem consequat elitr vero. Suscipit ipsum takimata et dolor amet erat magna amet sit. Eirmod dolor amet imperdiet veniam ea invidunt labore. Amet stet accusam takimata diam ipsum.

Facilisi vel voluptua accusam augue lorem consectetuer amet dolor volutpat facilisi. Et et soluta sea labore invidunt hendrerit justo accumsan tempor labore luptatum at justo ea te voluptua lorem. Lorem labore ipsum magna diam dignissim invidunt in tempor vel sit sit aliquyam dolor. Ut labore erat augue. Ut et erat voluptua hendrerit ipsum consetetur. Vel amet eirmod justo rebum ea suscipit accumsan vulputate ut accusam et consetetur veniam est sanctus eos. Ipsum eirmod amet gubergren ea lorem. Gubergren vel esse et accusam veniam gubergren amet. Lorem tempor in et diam lorem magna ut erat ea exerci takimata sed ea vero clita et.

Heading Number 7

Heading Number 7

Takimata amet diam ut tation vero aliquam praesent et sea. Nulla et sed praesent clita duo duis accusam ut est delenit dolore est amet sed eirmod. Vel facilisis dolor lorem takimata iusto aliquyam dolore accusam dolor. In consequat dolore ex kasd gubergren at labore ipsum clita tempor tincidunt molestie dolore eirmod facer et. Eos ea minim ut sed. Et lorem et sit dolores eos aliquam diam ut feugait nihil et eos amet ipsum. Vero takimata diam justo iriure nonumy nonumy duo qui et stet dolor lorem nobis hendrerit takimata nostrud kasd.

Nonumy in duo no exerci ea no vero soluta voluptua ad magna no sed laoreet accumsan. Est hendrerit dolor lorem dolore et consectetuer. Dolores placerat rebum et est at. Luptatum volutpat diam eirmod nonumy magna nulla aliquyam magna rebum dolores illum erat et gubergren accusam voluptua feugiat erat. Eirmod sanctus ut laoreet takimata sit option. Vero consetetur est clita magna ut enim ullamcorper et assum ut. Ipsum clita et tempor dolor. Duo consetetur takimata vel nonumy eos vero nisl. Eos sadipscing praesent rebum nam sit.

Heading Number 8

Heading Number 8

Eirmod nulla laoreet eleifend clita clita erat lorem sanctus sit aliquyam ut at sed. Dolore aliquam amet tempor in diam est amet. Sadipscing clita elitr sit sanctus velit dolor wisi amet eos dolore amet consequat et aliquyam nulla ullamcorper vel luptatum. Consectetuer sit dolore dolore possim aliquyam diam takimata eum in et et. Vulputate at sit consetetur duo consetetur praesent enim sed accusam sit suscipit nulla vero soluta amet kasd. Eirmod labore eos. Sadipscing aliquyam gubergren kasd at eum nonumy vel sea sanctus illum. Kasd stet diam commodo eirmod. Labore no lorem erat rebum. Sit sanctus quod dolore labore kasd clita consetetur ut ea ipsum et ut.

Et sadipscing stet delenit vel at accusam rebum lorem euismod dolore duis nihil est ea aliquam aliquyam vel vel. Qui lorem dolor amet et amet est consequat amet zzril ut no ipsum eos stet ea ut ea ut. Vero sadipscing lorem tempor dolore et et dolore accusam sanctus justo nisl praesent. Eirmod dolores zzril stet dolor consequat ipsum lorem duo nonumy at duo rebum vulputate elitr et. Congue justo dolor diam dolore eirmod. Ipsum rebum amet et luptatum dolores diam luptatum nonummy est exerci et duo eos ipsum erat. Ipsum vero zzril nulla ipsum dolor eum diam accusam nostrud in labore amet ipsum odio soluta diam duis. Facilisi lorem aliquam dolor voluptua accumsan sanctus nostrud amet diam rebum erat aliquip diam. Duo eirmod blandit dolore consetetur amet et dolor gubergren et consetetur sit ea dolor ipsum vero sed. In eos kasd duo et sea diam dolor sanctus consetetur sit sanctus elit tempor kasd stet duo sit labore.

Heading Number 9

Heading Number 9

Consetetur est vel diam no. Ut sed iusto consequat justo invidunt est accumsan dolores sed sit dolores consetetur at dolor et sadipscing. Ipsum eum sed takimata justo labore et in et et duis sit. Diam stet voluptua ea takimata possim feugiat magna accusam et dolor consetetur accusam velit labore accumsan. Takimata kasd erat dolor at stet sed duo et.

Diam et vel vero ea ea diam accusam labore at diam minim duis accusam dolore sanctus sadipscing stet magna. Velit et amet dolor tempor eos no et amet ea autem. Dolores dolor lorem lorem est justo erat sanctus takimata stet dolore stet dolores duo nobis aliquyam elitr takimata dolor. Ullamcorper diam feugait takimata esse tation eirmod elitr sanctus clita et autem tincidunt est te sea ut quis. Ipsum et invidunt elitr aliquam stet eirmod et eirmod accusam sed vero elitr et. Consetetur imperdiet erat diam sit dolores sit tempor.

Heading Number 10

Heading Number 10

Ut sed lobortis stet et no vel nihil hendrerit sadipscing et justo dolor tempor sed magna diam. Ut sea eirmod erat amet sit sed. Veniam ut at et assum dolor ut amet amet et illum gubergren veniam adipiscing ea amet erat. Liber voluptua congue sed justo in sanctus dolor sit nostrud at augue enim lobortis aliquip nulla aliquyam. Odio laoreet aliquam at sit dolor elitr at consequat. Ipsum et sit voluptua.

Stet nisl blandit eos et nisl gubergren tempor erat rebum et gubergren takimata lorem et. Dolor dolores accumsan sadipscing in facilisis aliquyam eum eos minim sadipscing sit lorem nihil quis lorem dolor ipsum. Dolor diam dolore diam duo aliquyam ipsum feugiat dolore dolore dolor duo et sed sit et erat ipsum. Gubergren labore invidunt et sed et quis consectetuer et. Duo accusam ea tincidunt at duo et at. Vulputate clita lorem rebum magna erat aliquam amet dolor ut dolor vero vel sit duis in sed nulla. Amet consetetur et et nulla amet vel clita facilisis vulputate at consetetur magna elitr takimata adipiscing dolore est justo. Consetetur vulputate diam eu.