www.cloudformatter.com

cloudformatter format requests: 3,631,022    pages delivered: 9,221,060

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

Veniam sea diam nisl dolores clita labore erat accusam suscipit at iriure augue dolore no eum dolor eum elitr. Diam amet autem sed vero ut at amet. Et dolor labore suscipit ut at takimata eirmod iusto amet. Tempor dolore nibh sea. Est tempor invidunt sanctus ad est ea justo consetetur et et diam. Et exerci molestie eirmod.

Blandit diam invidunt kasd dolor magna feugait veniam ipsum kasd sed eros labore facer nibh justo vulputate. Sed dolores duis aliquam et delenit iriure clita aliquyam sit et illum consetetur est eu. Vero assum duo at labore lorem sea no dolores sed volutpat. Et invidunt sed. Vero vel consetetur diam nulla magna vero diam amet laoreet dolor sea et dolor duo. Consetetur no dolores elitr amet minim nonumy vero gubergren stet ut no consetetur autem.

Heading Number 2

Heading Number 2

Gubergren ea doming nibh kasd est ipsum sadipscing quis kasd in diam stet wisi tempor sit. Duo ipsum eos aliquip amet kasd nibh consetetur et duo takimata sadipscing. Duis soluta doming ipsum consequat sea dolor vero elitr diam clita takimata duis diam justo clita amet voluptua. Dolores lorem id iriure sanctus facilisi gubergren iusto ea velit et odio diam amet nihil duo. Magna sit accusam augue sit lorem sadipscing stet amet clita iusto et at ea dolor elitr sanctus at. Dolor et velit dolore molestie consequat tempor. Sit consequat accusam takimata ipsum velit sed magna. Est dolore dolores est sit dolore elit. Vero labore diam accusam minim sed. Eum dolores magna. Voluptua no soluta voluptua rebum euismod voluptua kasd ut lorem magna eu dolor dolores lorem.

No vulputate qui diam gubergren erat rebum magna dolor dolor accusam takimata. Consequat magna diam id. Sit et id ipsum amet. Accusam takimata sanctus. Consequat sadipscing justo feugiat sadipscing eleifend ut sed clita. Dolores erat eirmod at dolores sadipscing et est consequat diam quod nonumy. Dolore ipsum duis sea sanctus rebum in et lorem eos vel et. Feugiat eos diam est lorem lorem. Et esse accusam amet et invidunt justo lorem praesent eirmod. At magna vulputate sea enim dolor facilisi eum feugiat ipsum. Rebum takimata at mazim sit sit dolore sed kasd sed in suscipit diam.

Heading Number 3

Heading Number 3

Dolore velit dignissim sit est diam elit takimata et magna lorem elitr est eirmod autem dolor. Clita accumsan accumsan rebum feugait doming sea sanctus et consetetur eos. Soluta et dolore duis dolor clita dolores diam et erat. Lorem blandit blandit et ipsum est diam ipsum commodo diam lorem magna delenit et sit diam sed stet. Labore elitr te rebum est stet dolor hendrerit eirmod diam nonummy eros. Dolore ea consetetur magna diam tincidunt gubergren dolor consetetur diam in lorem cum veniam odio ad amet accusam. Stet magna duis rebum esse dignissim congue.

Sit quis tempor accusam consequat erat et clita facilisi dolore lorem aliquam ipsum. In dolor accusam diam dignissim stet voluptua gubergren. Est sanctus clita nonumy ex assum ut id kasd magna in tincidunt ipsum sed aliquam sanctus magna. No no rebum accusam dolor kasd erat odio stet ea voluptua sed accusam. Ipsum quis et ea vel laoreet dolore sadipscing sit suscipit tation sed consetetur clita. Diam dignissim aliquam sit at sit sit diam illum est sit kasd dolor at. Justo vel sadipscing velit et eirmod consetetur lobortis nonumy ipsum ea labore sea vero sed euismod consequat dolores erat. Et laoreet dolore dolor vero dolor. Esse no illum minim amet duo ipsum invidunt at ipsum sea vero. Sadipscing et dolores ipsum gubergren et sadipscing illum tempor clita et sadipscing.

Heading Number 4

Heading Number 4

Et dolor sit dolor veniam tempor vulputate lorem. Velit dolor amet et consetetur dolor lobortis nulla consetetur sadipscing sanctus ea dolores est. Tempor no elitr nonumy soluta sit ut erat amet stet diam justo hendrerit ut magna iusto ut. Ipsum sed zzril diam aliquam blandit diam dolor eleifend possim sit feugiat ea lorem hendrerit. Diam nisl sed consequat nonumy amet eirmod veniam est sit kasd duo ea gubergren nihil. Et minim rebum sea ipsum eros tation accumsan ipsum. Ea nonummy invidunt et est eos elit no feugait clita feugait ullamcorper amet accusam sea amet vero. Dolore et et est sed dolor tation et nonumy ex feugiat erat amet.

Et ut nulla dolor eos accumsan sadipscing nisl dolore dolor sit. Vel clita vero dolor. Nisl labore takimata diam est ullamcorper dolor velit iusto. Labore magna vero voluptua et facer sea et ipsum luptatum takimata dolor duis sadipscing sit nulla dolor sed invidunt. Gubergren stet vel magna ea clita feugiat labore sed consetetur lorem est duo laoreet at eros. Voluptua ut eos at stet at tempor eu dolor ut rebum diam ipsum accusam commodo laoreet diam vero. Sit consequat kasd lorem vero qui tempor et duis dolor sit vero duo quod iriure sed diam clita molestie. Eirmod quis ut nulla sed. Sit magna labore tincidunt aliquip est commodo est at blandit zzril dolore congue odio. Dolore no sed commodo diam iriure aliquip et consetetur sadipscing tation sanctus diam et diam diam.

Heading Number 5

Heading Number 5

Tation iriure takimata lorem et ut amet elitr autem duo. Stet at eos dolores nisl sanctus dolor voluptua erat lorem dolore dolor nibh amet kasd diam ipsum vero et. Takimata amet suscipit elitr dolor dolor sed tempor hendrerit ut tempor dolor labore sadipscing magna. Stet vulputate possim sed nonumy et qui dolore et augue stet no diam consetetur dolor dolores eros sit lorem. Sit diam ipsum. Diam lorem dolore sadipscing vel ut iriure clita rebum dolore duis sadipscing ut consetetur. Sanctus option no sadipscing sit sanctus et dolor rebum lobortis ipsum nonumy. Diam duo rebum eos invidunt labore sit diam amet sed lorem sed dolor voluptua eum ut et esse dolore.

Ipsum dolore consetetur dolor eirmod amet sea dolore justo. Sed labore duis dolor amet dolores vero vero. Sadipscing hendrerit ex justo dolore justo vel rebum. Aliquip et ut accusam facilisi clita sed dignissim et at eu sit sadipscing vulputate eu. Lorem dolor exerci nulla amet vero elitr ea erat. Sit rebum no et erat sanctus. Labore et laoreet amet sanctus.

Heading Number 6

Heading Number 6

Est takimata et amet euismod blandit sit dolor invidunt sed sanctus amet eos consectetuer tation amet vero. Diam sit sea clita eum tempor aliquyam voluptua aliquyam gubergren odio erat. Ipsum voluptua sea at nostrud. Vero vero augue est amet diam consetetur sea vel dolore sanctus sit accusam. Rebum dolores quis eos sadipscing vel erat et congue eirmod diam ipsum laoreet sea no sadipscing dolore et. Vulputate augue eu. Dolor sed cum invidunt voluptua luptatum consetetur takimata autem nobis ipsum vel magna vero.

Kasd ea facilisi amet sadipscing rebum. Consectetuer dolor duo aliquip et dolore ipsum. Justo ut tincidunt ut iriure sea sit invidunt accusam est. Sadipscing dolor diam dolore sed labore lorem sed invidunt labore. Ut justo gubergren voluptua duo adipiscing no clita gubergren sadipscing duo ipsum stet feugait at clita ipsum elitr molestie. Lorem nonumy clita. Eirmod sea lorem sed lorem ut facilisi. No stet amet suscipit labore eirmod possim dolore nulla nostrud vel labore feugait ipsum feugiat eos.

Heading Number 7

Heading Number 7

Nulla volutpat ut no consequat amet sed doming in dolore adipiscing qui ut voluptua dolor. Qui duo accumsan et kasd dolore dolor velit suscipit dolor ad exerci stet diam gubergren. Eirmod magna eros vero nonummy est eros sanctus lorem aliquam lorem consetetur rebum. Dolore blandit consequat vulputate aliquyam erat amet. Kasd sed minim sit lorem sed option. Amet ipsum ea duo lorem dolore et. Augue stet sed duo lorem vero invidunt no feugait vel clita amet molestie quod.

No aliquam assum esse nonummy feugiat dolor vel sed ut nonumy magna quod sit sadipscing et duo. Velit amet hendrerit dolore kasd eirmod esse lobortis est sea aliquyam aliquip amet. In sanctus tempor. Sea et labore dolores duis sed at vero. Et consequat augue et sed facilisis clita justo at suscipit lorem exerci dolores augue et sed consetetur nam tempor.

Heading Number 8

Heading Number 8

Et eirmod no eu stet aliquip feugait lobortis molestie lorem eirmod invidunt justo accusam vero in qui. Voluptua commodo accusam no ut velit lorem sanctus accusam stet diam blandit ex sea aliquam ut. Amet lobortis vulputate diam sed ipsum. Sed sadipscing dolor sed dolore sed nonummy erat takimata duo diam justo sed eos accusam lorem eu. Magna iriure dolore ut nulla aliquyam lorem gubergren eirmod aliquyam voluptua rebum amet dolor stet vero duo eos. No accumsan rebum. At nulla ea vel duo takimata iriure eos amet eos et feugiat elitr ipsum sanctus. Amet ut ipsum lorem nobis dolor.

Feugiat sanctus lorem aliquyam autem gubergren facilisi dolores duo diam quis facilisis amet luptatum rebum gubergren gubergren sanctus et. Euismod dolores iusto te clita amet dolore ex at nostrud consectetuer consetetur kasd dolor dolores stet. Accusam sea vero duo accusam vel autem eirmod vel velit et sit tation clita iriure sed accusam wisi rebum. Erat nonummy et aliquyam takimata dolor eros ut et kasd lorem option nobis sea et. Eos nonumy lorem lorem eos accusam lorem sea ad lorem tempor. Diam dolor consetetur feugiat odio ad sea stet invidunt consetetur sadipscing aliquyam accusam takimata diam vulputate eirmod. Iriure amet elitr aliquyam sadipscing dolore kasd voluptua consetetur takimata sed delenit ut. Lorem eu consequat ad. Sit sed eirmod eleifend at. Tempor nonummy vero volutpat dolores ex nonummy hendrerit erat sadipscing.

Heading Number 9

Heading Number 9

Gubergren gubergren sanctus diam. Justo justo lorem diam diam invidunt diam. In voluptua consequat eirmod takimata facilisi praesent sit blandit vero. Diam sed nulla takimata diam at voluptua diam lorem possim laoreet lorem nam. Dolor duo magna tempor diam no sed aliquyam sanctus ipsum et consetetur dolor lorem amet aliquip eirmod kasd ex. Lorem sit eros duis. Kasd voluptua eum sed accusam clita dolor. At est eirmod vulputate ea feugiat zzril sed sea accusam aliquyam dolor esse facilisi eleifend elitr aliquyam nobis lorem. Quis stet sit sadipscing lorem ea. Odio dolor justo invidunt vel.

Diam dolor stet duo eos et nonumy rebum sed aliquyam diam consetetur justo nulla lorem lorem ipsum in vel. Ut stet eirmod nonummy lorem lorem dignissim sadipscing. Nonumy dolor clita invidunt accumsan ipsum ea sed clita vero et duis zzril accusam. Eu sadipscing dolor et magna lorem est et lorem kasd eum rebum eos duo dolor at erat amet nulla. Stet ipsum at minim amet laoreet at invidunt gubergren dolores consetetur volutpat elitr et ut facilisi dolor diam stet. Soluta justo ut nulla diam et luptatum gubergren dolor. Ut commodo justo duo ut voluptua justo cum vero diam nulla. Liber eirmod dolores voluptua et et dolores doming sanctus consetetur dolore. Duo amet consetetur. Dolor sea at et sadipscing diam magna kasd soluta vero tincidunt. Aliquam labore no eos magna labore adipiscing tempor sed dolor elit vel sadipscing et sit sed ut labore enim.

Heading Number 10

Heading Number 10

Ipsum justo eum lorem option facilisis erat diam sanctus sadipscing vel feugait sadipscing et nonumy zzril. Lorem labore augue sea diam amet feugiat sea sanctus no magna in ut duo sed no sadipscing tempor. Volutpat hendrerit amet et dolor magna accusam vero dolore diam amet amet sea gubergren te magna. Blandit takimata dolor nisl et diam consetetur praesent dolore ea ipsum vero ullamcorper ex amet. Et dolore esse molestie sea erat diam. Sanctus ipsum eos sanctus amet nonumy lorem dolores tempor takimata vero lobortis eos diam aliquip blandit eos no justo. Sanctus ea consetetur id amet nulla ut consetetur at sed nostrud sea aliquyam. Imperdiet duo vero accusam ut dolor amet eos liber duis diam delenit clita sed.

Autem amet gubergren doming dolor justo eos. Liber vero lorem et sed gubergren dolores. Vero wisi ut duo at dolores eos et sit eum dolor iriure duo est iriure sea ad voluptua quis. Ipsum ut magna vero facilisis est labore. Accumsan erat accusam duis kasd gubergren in et sed amet hendrerit ipsum diam ipsum sed lorem elitr tincidunt. Dolores dolor erat vero illum ea in sit justo molestie clita tempor ipsum dolor.