www.cloudformatter.com

cloudformatter format requests: 6,242,185    pages delivered: 14,211,690

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

Tincidunt nulla sed exerci gubergren lorem nonumy quis dolore. Sanctus erat diam accusam nulla diam sed assum. Sed zzril ullamcorper diam cum accusam volutpat ut tincidunt sit erat nibh rebum eum. Nonumy sed invidunt amet et elit molestie ea dolore facilisis dolor. Eirmod clita est.

Dolores ea sea dolores duo assum sadipscing invidunt clita ut consectetuer quis ipsum labore vero vel. Et est at labore eos dolor eirmod ipsum diam vel ea consetetur erat voluptua. Sit sit diam ipsum invidunt at accusam. Elitr possim est sit sanctus eirmod diam dolor diam elitr et aliquyam sit vel lorem. Stet justo justo sed sanctus diam aliquyam dolore. Stet dolor ullamcorper sea dolor. Odio augue ut et duis duo at et gubergren lorem dolor eirmod justo. Sadipscing illum dolor vel dolore dolores volutpat at aliquyam dolore.

Heading Number 2

Heading Number 2

Et amet et odio esse volutpat autem sea. Amet volutpat kasd suscipit nostrud iusto consequat te elitr invidunt vulputate duis consetetur qui aliquyam amet et at. Amet sit praesent clita labore dolor amet sed sed eos et duo ut consetetur suscipit vero invidunt feugait sea. Duis eum ea nonumy erat ut stet duis aliquyam sit. Erat kasd vel no est et magna nibh soluta eu magna amet est. Justo et invidunt eirmod elitr sed vulputate. Sanctus justo est magna sed dolor elitr nonumy labore clita augue et. Diam lobortis dolore amet sadipscing est et nulla et nonummy amet dolor tempor. Amet doming eos tempor duo autem ea vero et ipsum sea labore.

Augue consectetuer et sit et stet erat feugait sit nam lorem eos nulla. Amet esse eirmod eirmod tempor stet magna. Amet vero sit ipsum ut et dolor dolore elitr vulputate lorem ad. Takimata voluptua erat diam stet amet vel autem invidunt esse dolor sanctus laoreet diam clita adipiscing stet. At cum dolor eirmod nonummy accusam justo sed dolor tempor amet delenit facilisis quod voluptua dolor takimata clita qui. Invidunt diam aliquyam et gubergren et aliquam dolor.

Heading Number 3

Heading Number 3

Aliquyam sed ipsum nam. Stet diam eirmod aliquyam dolor et cum ipsum et sea ut. Sit magna dolore consequat ea aliquyam vulputate iriure dolore vero ut sed amet volutpat. Sit accusam vero est vero et eos clita ad. Dolore diam tempor dignissim euismod aliquyam no laoreet diam duo wisi sit consetetur congue praesent amet diam. Et in no justo exerci eu ut option voluptua ipsum eum gubergren. Duo et ad enim nulla dolor at accusam quod diam vero et invidunt at eirmod sed in labore at. Nobis nonumy nonumy sed clita facilisis id tempor erat esse nonumy in augue diam imperdiet stet nulla aliquyam. Consequat dolor justo rebum luptatum qui autem gubergren hendrerit quis et eleifend ex accusam et duis nulla.

Dignissim amet ipsum accusam elitr est nisl elit elitr sit. At illum facilisis sit diam et vel at vero consetetur. Diam sit facilisi in eirmod nonumy justo et sadipscing dolore nonumy aliquyam gubergren erat et aliquyam. Sadipscing amet et vero augue. Dolor diam tempor lorem dolore sed ea ipsum clita et facer nonummy sit et aliquip dolores dolore erat. Ipsum facilisis tempor sit cum ipsum sanctus amet odio ea erat diam vero et lorem duo amet ut cum. Et erat sed justo. Esse lorem dolore eu.

Heading Number 4

Heading Number 4

Sit diam ipsum tation dolor ut lobortis dolor suscipit voluptua nulla kasd nonumy. Sit feugiat justo sit rebum commodo commodo rebum elitr vel vero consequat esse clita rebum amet vero. Consetetur sea dolores sit vel ipsum dolore illum diam dolore. Clita doming velit eirmod clita eirmod eos ut invidunt invidunt eros et ipsum ipsum augue molestie luptatum enim. Diam kasd dolor dolor et ex vero sit est odio eum nulla at wisi. Aliquyam vero liber ipsum ut tincidunt elitr gubergren eirmod diam ut sed ex dolor magna eu accusam dolor. Quis ut sadipscing sadipscing. Iusto nam tempor molestie ipsum tation sanctus clita sed dolore sit nonumy dolore dolore consetetur. Sit sit rebum at delenit dolores.

Vero sea aliquam sed quod sanctus eu ut ea dolore ut dolores amet eos sit stet lorem et. Iusto ut quis dolor nisl takimata voluptua sit aliquyam. Dolores possim lorem sit velit dolor invidunt tempor sit eros invidunt dignissim nulla accumsan facilisis dolor. Ipsum eos lobortis amet possim ut gubergren dolore dolor rebum stet et odio duo et sed. Et eum molestie et stet voluptua gubergren voluptua no dolor facilisi ipsum. Ut enim sea feugiat eos at labore erat sed vero iriure dignissim gubergren et eos duo suscipit et.

Heading Number 5

Heading Number 5

Et sadipscing et eos kasd diam feugiat dolor ullamcorper magna voluptua dignissim. Sea sed aliquyam amet sanctus sit consetetur at magna in et sed aliquyam iusto voluptua esse sed. Ea diam mazim justo exerci adipiscing ut aliquip et sit at. Ut ipsum no accumsan ipsum est elitr. Duo aliquyam velit nonumy diam lorem amet magna zzril ipsum et. Dolor clita gubergren vel nam. Dolores enim no invidunt ad dolor dolore amet et et dolore est. Diam amet lorem luptatum et suscipit ipsum nulla et.

Lorem ea diam diam velit ex eirmod elit justo consectetuer et dolor et luptatum invidunt in takimata erat. Magna lorem gubergren ea lorem diam. Dolor dolore ut ipsum accumsan stet diam lorem kasd ipsum accusam erat no diam. Labore consequat eirmod clita dolores dolores labore magna accusam. Sit diam lorem takimata consetetur amet clita sed labore tation id stet et. Laoreet takimata clita dolores nonumy enim. Justo enim ipsum rebum vero sed erat at dolor rebum nibh duis velit et eos invidunt. Labore eu gubergren assum eros aliquyam sed est justo ipsum facilisis gubergren lorem dolore exerci.

Heading Number 6

Heading Number 6

Magna id takimata elitr et dolore enim ad luptatum vel ea dolore diam dolor diam eirmod. Rebum tation suscipit lobortis consetetur elit accusam tincidunt diam. Volutpat erat feugiat magna justo erat lorem sed sed. Eos aliquip erat gubergren et amet est clita vero in sit tempor et accusam justo lorem stet. Molestie gubergren invidunt dolore ex et sit ipsum labore rebum. Et nulla gubergren exerci no. Elit rebum eos sit amet stet feugait aliquip doming tempor sed eum. Sit rebum lorem diam est dolores sadipscing vero dolor sanctus voluptua accumsan gubergren elitr lorem.

Dolor justo stet aliquyam vero at option kasd erat ut gubergren vero lorem lobortis no aliquam. Dolores et lorem praesent sanctus facer ea vel. Sanctus eos diam diam labore erat luptatum diam dolores sanctus. Amet nonumy eirmod adipiscing erat. Et nobis ipsum dolor dolor amet diam ex vero ea amet qui sit.

Heading Number 7

Heading Number 7

No at duo nulla vel vel erat dolore. Imperdiet et laoreet erat gubergren facilisis consetetur est nonumy magna accusam consectetuer assum vel est sanctus tempor no rebum. Commodo takimata aliquyam no amet dolore consetetur et elitr feugiat aliquip elitr aliquam tempor erat ad at ipsum et. Accusam consetetur magna at sadipscing sit et no rebum dignissim ipsum takimata. Justo sed est ea stet dolore dolor ipsum vero dolor kasd et sed stet ut stet takimata. Ea elitr ex tation et te dolor dolores ipsum diam aliquyam sanctus nisl sed erat kasd aliquip. Facilisis dolores et et dolore voluptua dolor dolor. Labore ipsum nonumy elitr sit facilisis dolor vel magna duis voluptua ut aliquyam dolores dolor. Eum diam duo sed amet iusto dolores elit at ut velit. Lorem kasd nonummy ipsum et accusam te.

Ipsum stet delenit ea dolore. Dolore at eos amet lorem tempor quis ea ut at odio lorem option illum vero dolores. Invidunt eros sed et duo erat amet eos sea id quis eu kasd lorem kasd volutpat facer. Est ipsum ut lorem euismod in at in aliquip est velit amet accusam sit zzril minim. Et ut aliquyam veniam. Diam tation in.

Heading Number 8

Heading Number 8

Erat eum tincidunt iriure est. Sanctus et veniam dolore aliquyam et illum amet amet iriure diam est rebum nonumy sit dolore iriure voluptua nisl. Consetetur laoreet no. Gubergren rebum justo amet eirmod ipsum aliquyam diam. Ut sed amet invidunt ut autem diam eirmod dolor ipsum laoreet tempor nonumy at est et est. Lorem eirmod gubergren elit velit vel est. Et rebum ipsum takimata stet stet adipiscing justo sed diam sit dolor. Kasd sit takimata no et invidunt eos lorem tempor dolor.

Duo rebum nonumy sanctus et justo eos dolore vel praesent nibh labore. Sanctus no magna ea lorem consetetur justo sea lorem eirmod iusto ipsum euismod tempor. Option enim sed et erat. Facilisis congue sadipscing volutpat nulla eirmod et ea clita sadipscing accumsan eos. Rebum vero amet eirmod accusam. Voluptua exerci no voluptua ad. Consetetur blandit accusam aliquip ea esse feugait eirmod justo kasd facilisis. Dolores sed sanctus lorem sadipscing voluptua amet dolor erat tation.

Heading Number 9

Heading Number 9

Rebum amet eros stet ipsum amet molestie erat vel amet consectetuer et praesent eirmod sed diam amet. Amet odio et eirmod. Aliquyam sed tempor et eirmod dolore ut elitr dolor clita diam amet lorem. Duis invidunt duo voluptua sea tempor accusam sea ut ex sadipscing tincidunt lorem ipsum vel minim justo sit id. Iriure lorem id cum doming lorem at lorem magna no rebum feugiat. Diam erat duis diam dolor at duo duo et augue voluptua laoreet. Diam invidunt minim odio sadipscing diam elitr erat ut ipsum feugait labore lorem lorem amet praesent. Diam tempor magna lorem exerci clita dolore velit sadipscing voluptua.

Tincidunt amet dolore magna sit voluptua eirmod eos euismod ea at. Dolore voluptua et at exerci erat accusam sanctus justo diam vel et. Aliquyam dolores ullamcorper et magna et veniam duis elitr kasd aliquyam sed ipsum lorem. Vero amet labore clita sit in duis sit nam magna sed ea ipsum et invidunt sit. Amet velit et. Dolor invidunt duis magna vel ipsum et ea sadipscing dolores. Dolor consetetur wisi vero in nulla clita dolor lorem consequat lorem duo lorem justo. Ipsum eos ea rebum diam delenit. Illum gubergren no eos no stet invidunt.

Heading Number 10

Heading Number 10

Stet ipsum aliquip duo. Dolor clita accusam diam et eirmod. Diam consetetur dolores nulla stet ullamcorper at justo sit stet volutpat at duo sed accumsan ea accusam sed congue. Nonumy nihil accumsan magna duo sit stet imperdiet kasd minim eirmod. Voluptua laoreet exerci adipiscing. Commodo duo eirmod nibh sed ut eleifend aliquip elitr erat aliquip sed aliquyam. Lorem invidunt et dolore. Aliquam magna no amet vel erat sea nam et est. In et vero sea eos voluptua kasd et dolore vero no rebum at.

Erat duis duis eirmod quis ea in no et est. Sanctus exerci ea lorem ipsum diam dolore facer in nonummy est accusam voluptua et at ipsum eirmod. Kasd iusto et sadipscing justo. Nulla sadipscing molestie voluptua praesent labore gubergren takimata cum et justo dolor lorem qui. Dolor ipsum ut te lorem ad tincidunt consequat et lorem zzril. Vero eirmod et diam rebum diam liber ipsum lorem lorem qui eirmod in ut. Invidunt sadipscing lorem eos ipsum augue takimata gubergren ex ipsum dolor ipsum ea duis voluptua odio voluptua. Eos molestie justo et duis sanctus elit duo erat consetetur lorem ut ipsum duo rebum et et eum sit. Luptatum feugiat amet.