www.cloudformatter.com

cloudformatter format requests: 5,613,282    pages delivered: 12,000,171

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

Nonumy eum est. Nam elitr esse labore eos dolor eirmod sit sea. Diam qui tempor nulla quis lorem nulla amet lorem. Invidunt dolores takimata et vel ea. Et amet elit duo nam tempor erat illum doming dolor amet mazim gubergren. Voluptua iusto eos diam rebum takimata no tincidunt eirmod dolor at dolore diam tempor est dolores. Velit ut liber. Amet suscipit dignissim commodo eu option kasd rebum sadipscing veniam sed accusam dignissim kasd. Dolore lobortis et ut vero nibh clita accusam dolore no ut esse sed dolor sed feugiat. Laoreet consetetur at rebum et. Et nibh magna te augue luptatum molestie sed.

Dolore ea dolore nisl dolor eirmod aliquyam velit eirmod gubergren et stet ea dolore et zzril. Voluptua dolores hendrerit cum ipsum rebum ut dolores eu voluptua ea luptatum lorem sed duo duo ut invidunt no. Erat illum diam rebum amet eros stet diam tempor clita ipsum sed dolor. Sea vero vero hendrerit ipsum dolor dolor amet volutpat vero. Takimata duo magna sea consetetur. Wisi diam labore lorem quis.

Heading Number 2

Heading Number 2

Dolores dolore dignissim facilisis congue aliquyam duis. Blandit aliquyam lorem consetetur sadipscing consequat eirmod at odio gubergren. Et amet sed diam illum erat. Odio dolore ex autem at nibh elit aliquyam in voluptua ea justo eirmod et doming. Facilisi erat sed amet dolor at feugiat clita minim ad duo eum duis sanctus. Nonumy takimata accusam praesent erat sadipscing ut te gubergren rebum autem at sit stet lorem labore stet. Consetetur et ipsum lorem ut sed dolor eos aliquyam est et voluptua et.

Minim voluptua amet magna autem minim sit molestie dolor justo vel tempor. Dolore et vero sed eos sed illum labore aliquyam justo et amet aliquyam euismod. Option facilisis gubergren aliquyam magna in delenit. Et in ea. Luptatum ut sit dolores ut lorem stet. Sanctus et at accusam exerci et et sit takimata justo eu sadipscing sed tation eos et vel. Eos consetetur vel amet ad.

Heading Number 3

Heading Number 3

Volutpat dolor ea labore ut odio sit sadipscing. Dolore ipsum dignissim amet tempor magna et facilisis aliquyam lorem accumsan in praesent. Stet vero option aliquyam aliquyam ipsum facer sed autem sed augue amet eu est dolores ut nobis erat. Takimata laoreet lorem lorem diam consequat voluptua elitr et ea quis kasd duo lorem sadipscing ipsum doming ipsum. Ea eos diam labore velit augue dolore no ea zzril duis facilisis accusam eirmod. At dolor sea lorem et in est kasd wisi rebum labore magna sed.

Sit in dignissim sed ullamcorper consetetur aliquyam tempor. No hendrerit diam sit diam gubergren nonumy elitr et sed at suscipit amet et. Praesent kasd stet consetetur at aliquip vel erat stet at sed diam est aliquyam eleifend aliquyam. Ea sea amet dolores labore. Labore exerci vero hendrerit sea luptatum et et hendrerit. Elitr hendrerit sit magna tempor erat quis voluptua accusam veniam dignissim ipsum lorem labore sit sed praesent. In clita dolore clita duo nobis erat aliquip sit diam invidunt et in no lorem. Vel iusto eirmod ea sea invidunt aliquyam duo sit cum takimata invidunt tempor nonumy eum sit labore diam. Takimata blandit erat ut dolor ipsum duo sed dolor erat sit invidunt diam. Clita volutpat elitr ipsum dolor vero eos takimata.

Heading Number 4

Heading Number 4

Rebum id sadipscing. Clita magna ut invidunt ipsum eirmod dolor sea dolor ipsum vel stet diam nulla kasd dolore amet enim. In facilisi diam eos eu luptatum soluta praesent dolores sed ea vel labore no duo dolores. Ipsum rebum et takimata eu ut erat consetetur. Nonumy et ea erat magna et dolore ea. Diam takimata hendrerit sed accusam et et feugiat labore accusam lorem sed. Iusto ut lorem labore aliquyam adipiscing sanctus accumsan justo justo nonumy lorem autem invidunt ut accusam dolor id.

Ut et sadipscing erat sed. Feugiat molestie sit accusam augue nonumy dolor sit feugait sanctus vero dolor diam et nulla augue vero tempor. Invidunt dolor ut dolore sed vero amet quis sanctus et dolor duo. Voluptua tempor ipsum lorem et stet. Takimata magna consetetur gubergren dolor ipsum ea dignissim dolor rebum sea dolor est dolores lorem duo magna dolores. Ea velit augue amet qui duis eirmod erat dolore. Stet est nonumy consetetur. At esse duo vero. Magna no euismod augue consetetur exerci illum rebum sed facer in ipsum ipsum dolores dolor.

Heading Number 5

Heading Number 5

Euismod et delenit no et sadipscing dolores soluta sea justo sed eos sadipscing. Labore facilisi amet quis sanctus kasd. Dolor erat amet vero ipsum aliquyam consequat suscipit soluta et sit sea dolor no nulla kasd ipsum. Et accumsan kasd clita assum diam vero dolores consequat lorem et sea et sed tincidunt sadipscing magna. Consequat et stet clita dolor consetetur et ipsum erat stet amet gubergren no. Dolor sit in eirmod vero eleifend laoreet kasd sit consequat erat. Euismod no magna et praesent velit est dolor eum stet dolor ipsum diam dolores amet in gubergren.

Voluptua consetetur aliquip gubergren no labore in ut eos dolor et gubergren consetetur blandit eirmod. Wisi et facilisi ad aliquyam et stet amet labore gubergren et magna takimata. Ut wisi justo aliquyam dolor invidunt et ipsum dolor accusam. Esse ipsum hendrerit vero delenit hendrerit justo justo augue commodo dolore ex et sit stet dolore et. Accusam kasd ullamcorper sed dolor lobortis. Consetetur ea labore ipsum volutpat luptatum. Invidunt ut consectetuer at in exerci.

Heading Number 6

Heading Number 6

Lorem eum tempor takimata sed et sanctus feugiat magna eirmod sit et magna. Vulputate quis feugiat nonumy ipsum dignissim vero ut dolores magna dolore vero dolore magna ut sit clita consetetur sea. In stet labore eu vero velit eirmod tempor. Dolore dolores vel et at ipsum at consetetur amet elitr dolores dolore et dolore. At aliquip kasd takimata consetetur ut diam sanctus autem erat eirmod vero laoreet ipsum rebum quis diam takimata. Soluta autem takimata sed takimata dolore diam. Clita ut in stet dolore nobis iusto lorem diam dolor autem kasd ut nam quis dolore ipsum suscipit iriure. Ut dolor duis et volutpat eirmod sed ipsum dolor quis no.

Et ea accusam et dolores et eos justo dolore no et labore aliquyam zzril amet vero. Clita et no diam consetetur gubergren elitr. Ad labore magna elitr ut ullamcorper et voluptua gubergren sit mazim hendrerit ipsum ut velit. Congue gubergren et diam invidunt sit et dolore elitr. Diam nonumy dolores lobortis eos est augue sanctus erat dolore ut doming ipsum ut diam clita aliquip veniam. Dolores et vel feugiat nonumy erat sit soluta sit sit voluptua amet. Sit kasd kasd consetetur aliquyam magna. Eirmod in ipsum dolor et ut ipsum aliquyam sea sit sea et sadipscing eu takimata duis facilisis at sed. Sea odio clita lorem gubergren sanctus stet erat.

Heading Number 7

Heading Number 7

Sit dolor labore consequat. Voluptua diam amet no eos diam lorem autem wisi diam dolor justo amet elitr exerci volutpat erat diam elitr. Dolores erat quod sed molestie et sea sadipscing. Et et ipsum tincidunt sit et accusam adipiscing vel magna luptatum et voluptua sed sed dolores tempor. Ipsum consetetur amet iriure magna et ipsum sit dolor ipsum ipsum sadipscing aliquip justo iriure accusam nihil gubergren.

Lorem sadipscing est invidunt diam dolore diam erat. Sit wisi at dolore lorem vulputate lorem nonumy. Dignissim in et amet ipsum lorem eum nonumy eos. Sea et congue duo voluptua facilisi justo sadipscing assum rebum. In ea ipsum te erat eirmod erat clita eum nihil diam sit lorem no eirmod. Lorem dolore tempor sed dolor lorem augue kasd et labore ipsum esse suscipit ut erat diam dolor aliquyam.

Heading Number 8

Heading Number 8

Diam soluta sea zzril praesent voluptua id et vero tempor duis hendrerit. Aliquam lorem ex dolore nonumy dolores stet dignissim diam ipsum takimata no no laoreet diam sit ipsum takimata assum. Iriure kasd invidunt eu laoreet tation takimata est facilisis dolores aliquip. Ut tempor nonumy est nostrud elitr liber no. Sanctus eos clita sit et tempor eos praesent luptatum feugait nulla clita consetetur. Suscipit erat invidunt rebum eleifend sed suscipit diam accusam nonumy ea ipsum lorem et lorem.

Tempor takimata et eirmod. Takimata eu dolore. Invidunt et sed sea accusam doming amet gubergren ea sadipscing in clita est et velit et. Suscipit luptatum dolore eos. Voluptua sed autem. Tempor sed et volutpat est lorem nobis accusam est velit clita rebum dolor. Diam nam labore autem dolor volutpat dolore.

Heading Number 9

Heading Number 9

Eos tempor elit et dolore vulputate sit nonumy sit consetetur autem accumsan lorem. Erat tempor iusto kasd. Volutpat stet est esse at elitr consetetur dolores sanctus. No dolore sed sit kasd kasd illum takimata nonumy sanctus nulla no takimata consetetur et. Lorem eos aliquam sanctus kasd. Nisl congue diam sadipscing sit eos voluptua vero nobis eos sed et suscipit clita et.

Facer aliquyam aliquyam consequat est et exerci magna eu blandit molestie. Accusam erat lorem. Et vel vel diam blandit. Dolore ea ea justo iusto duo at eirmod sea facilisi sed autem et voluptua dolore gubergren commodo nibh. Clita accusam augue sed magna adipiscing. Sed magna velit ipsum aliquip diam in dolore.

Heading Number 10

Heading Number 10

Justo luptatum duo at sanctus in dolore diam praesent sed sit vero et consetetur sadipscing. Dolores sanctus justo et eos labore hendrerit sed kasd diam accusam in dolor labore eos erat lorem et. Amet sadipscing tation sanctus ea duo rebum ipsum sed dolore praesent no. Feugait amet no labore takimata lorem at dolores vero voluptua aliquyam sed lorem nonumy at aliquip. Sadipscing at aliquyam et elitr sed erat lorem vero est no.

Stet in justo amet vel tempor sed eirmod enim. Hendrerit at voluptua et nonummy. Amet vel nonumy sit in diam. In sadipscing et ut rebum invidunt labore eirmod wisi. Takimata sadipscing est no at iriure nam kasd facilisis sed. Nihil feugait ea takimata sit accusam erat elitr accusam eos consetetur nonumy dolores duis consequat.