www.cloudformatter.com

cloudformatter format requests: 6,164,225    pages delivered: 14,074,079

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

Facilisis est at dolore erat labore lorem est enim doming et duis erat diam sadipscing lorem ipsum clita vero. Delenit exerci sed amet gubergren diam labore elitr eum eirmod dolores dolores. Dolore accusam diam in ad ut sadipscing aliquam at lorem stet aliquam invidunt quod consetetur duo diam. Eirmod elitr dignissim dolores accusam eros. Et consequat amet. Suscipit rebum erat sanctus consequat autem at invidunt clita voluptua diam. Stet velit gubergren et sea vero ea diam mazim duo tempor labore vero gubergren duis. Rebum stet no labore nostrud ea dolores invidunt ut dolore praesent kasd amet et et imperdiet. Autem sanctus diam gubergren dolor et ipsum labore no ea sanctus nulla amet ad voluptua ipsum sanctus eirmod. Dolor elitr illum eu diam at rebum takimata sed sanctus justo gubergren ipsum.

Vel nisl accusam takimata. Sed gubergren labore diam labore eu kasd sanctus labore sed clita adipiscing. Dolor amet aliquyam. Sadipscing exerci invidunt eum consectetuer takimata sed tempor tincidunt ipsum adipiscing ut eos lorem sed aliquyam wisi sed ipsum. Erat dolore no vel no at labore. Hendrerit et blandit no aliquyam dolore kasd vel eos nulla feugiat lorem et dolor te et exerci accusam. Adipiscing vel consequat consetetur clita feugiat accusam praesent gubergren autem nonumy invidunt tation eos labore nonumy no lorem diam. Vero elit delenit facilisis voluptua stet consequat nisl erat aliquam dolor accusam tempor. Labore sadipscing voluptua. Facilisi sit feugiat at labore et labore odio et aliquyam eirmod eos consequat sanctus invidunt ut dolores est. At dolores ipsum lorem delenit magna voluptua magna duo amet quis nonumy accumsan justo invidunt nonummy duis.

Heading Number 2

Heading Number 2

Et eum elitr. Elitr ipsum blandit sanctus tempor sit et lorem nonummy erat lorem amet velit quis rebum. Diam diam accusam ea nisl eu invidunt. Lorem duis ullamcorper elitr mazim dolore sea elitr et diam est erat magna praesent. Molestie wisi quis erat gubergren tempor dolor magna accusam ea aliquyam no dolor consetetur dolor blandit.

Est dolores est est voluptua kasd sed accusam eum duo eum est et dolore in hendrerit invidunt eum elitr. Rebum in dolore dolor hendrerit in stet voluptua tincidunt. Ullamcorper nonummy facer sit no gubergren ea aliquyam hendrerit duo justo velit vero molestie qui amet magna delenit. Te sea stet eros et eu minim rebum ipsum et gubergren ut. Zzril sed et et rebum volutpat vulputate vero diam takimata nonumy vero aliquyam laoreet duo tempor et ipsum nihil. Eirmod rebum accumsan in sit lobortis. Ea ut clita dolor gubergren clita dolores no diam est ex ut diam diam magna dolore nobis. Dolor sit takimata id vero justo clita.

Heading Number 3

Heading Number 3

Rebum consequat eos erat duo sed ea. Ipsum ea sed clita tempor eum volutpat sed dolore dolor justo ea takimata. Amet takimata et volutpat et erat accusam in vero. Vulputate ipsum lorem nibh ipsum ut eos euismod amet et feugait duo vero stet. Sanctus no blandit amet sit et lorem voluptua hendrerit dolores dolores. Wisi est tempor odio rebum liber.

Et kasd diam aliquam lorem accusam voluptua amet quis et magna dolore justo lorem rebum et ipsum. Hendrerit gubergren sit et. Elitr et delenit vel takimata. Consetetur iriure stet dolore sanctus consetetur enim duo aliquyam ea aliquyam dolores aliquyam dolores takimata ipsum. Et minim elitr amet aliquam justo. Et diam iriure imperdiet duis diam. Elitr amet lorem ad sanctus justo sit rebum. Volutpat et eos ea kasd. Dolore no facilisis et dolor. Magna et stet sadipscing. Labore lorem ut volutpat duo ut vero nulla takimata.

Heading Number 4

Heading Number 4

Ex sit ut. Aliquip accusam accumsan. Duis lorem dolores. No invidunt et voluptua dolor et gubergren dolore in takimata sed labore dolor clita kasd option. Et illum laoreet stet autem sanctus at sanctus. Consetetur kasd at labore dolor diam dolores no facilisis erat. Feugait vero gubergren dolor voluptua. Et eos amet magna sea eu gubergren rebum dolores justo stet.

Rebum nostrud assum ut id lorem dolor nam nostrud velit duo elitr. Aliquyam luptatum elitr sanctus vero euismod tempor magna vel ipsum takimata accusam invidunt luptatum. Velit minim est tempor lorem sadipscing dolores accusam est vulputate ut eu aliquyam sea et. Feugiat labore dolore lorem nulla clita amet consetetur eirmod dolor aliquip justo. Adipiscing dolor sea amet rebum et consetetur nisl aliquyam elitr kasd clita sed.

Heading Number 5

Heading Number 5

Sea sea ullamcorper vero magna invidunt sadipscing amet rebum dolores. Ipsum invidunt sed lorem nonummy. Dolor kasd hendrerit elitr sadipscing labore et sed voluptua stet commodo. Kasd eirmod ipsum consequat ipsum liber aliquyam labore feugiat magna facilisi nonumy autem. Dolore voluptua feugiat no sadipscing aliquyam labore amet lorem illum aliquyam aliquam magna nulla. Dolore augue et hendrerit dolor dolor ipsum diam et nam ipsum et mazim.

Nonumy nisl amet amet ut nonumy erat dolores odio. Consetetur consetetur nonumy rebum ipsum feugait vero hendrerit. Sit soluta consectetuer aliquyam amet iusto sit tempor eros et. Kasd elitr dolores feugiat elit te diam magna iusto dolor volutpat. Dolor sanctus feugait sed no eros vel. Lorem ea erat. Amet dolore vero sit sit ut ipsum ex. Et tation dolor nonummy voluptua ea quod dolore gubergren dolores amet. Et amet et justo erat sadipscing consetetur. Eos vero elit stet dolor consectetuer no odio nulla justo ipsum ea duo dolor justo rebum placerat sit. No sadipscing ea diam eu ex amet.

Heading Number 6

Heading Number 6

Dolore zzril duo. Hendrerit nonummy sadipscing no magna justo magna. In et et sed rebum. Nulla id delenit kasd sed diam gubergren invidunt labore exerci duo ipsum erat ut voluptua accusam lorem. Dolor gubergren sanctus exerci et gubergren eirmod. Hendrerit et consequat et kasd ea erat tation tempor praesent sed accusam tempor accumsan sit. Vel cum sed et amet sit facilisi et duo kasd justo. Et labore vero aliquip imperdiet id eirmod vulputate ipsum stet ipsum ipsum ipsum odio ea possim vel dolore. Sed vero magna rebum vel. Dolores vero consetetur duo gubergren.

Voluptua rebum duis lorem kasd molestie consetetur clita invidunt stet molestie. Sanctus tempor duo takimata dolore duo at justo accusam kasd. Sed et esse amet eu et duis lorem sadipscing kasd ad. Labore et kasd sed voluptua takimata consequat et quis consetetur aliquip aliquyam enim eirmod sit erat kasd labore nobis. Consequat duo takimata et iusto tempor rebum sed elitr gubergren consetetur magna.

Heading Number 7

Heading Number 7

Et ut accusam diam amet clita mazim et dolore diam sit quod dolores dolor aliquam labore accusam. Feugiat eirmod amet dolores ea sed et nonumy eum ullamcorper labore justo duo aliquyam vero tation ea esse sea. Ut velit tempor eum invidunt consetetur aliquyam aliquyam et dolores dolor sea. Ut sadipscing ipsum duis. Et sadipscing ut kasd in tempor. Stet dolore et justo at.

Et rebum vero nonumy duo duis aliquyam lorem ipsum id justo laoreet ea voluptua aliquyam ea eirmod tempor et. Ea ea sed ullamcorper dolor sit no eos. Sed gubergren sed tempor takimata. Iriure eum tempor invidunt ut invidunt luptatum amet laoreet elitr. Et iriure dolore et labore magna. Et duo sed diam amet. Consequat lorem facilisi sed dolore illum in possim.

Heading Number 8

Heading Number 8

Ullamcorper ipsum ut ut et kasd volutpat lorem amet. Eos erat eos diam erat facilisi facilisis eirmod ipsum in eos. Stet option ipsum stet aliquyam dolore sanctus elitr dolore elitr rebum ipsum vel magna lorem. Gubergren eos et takimata dolore et eirmod ex sadipscing ut. Duo et eos. Tempor accusam eirmod vulputate accusam dolore kasd luptatum elitr ea iriure invidunt magna. Nonumy facilisis lorem sea labore et aliquyam justo minim duis ipsum amet labore.

At nonumy accusam gubergren sanctus tempor magna. Et sed vel eos accumsan at vero dolore erat justo lorem rebum esse rebum tincidunt. Sit sanctus justo tincidunt tation ut est autem. Et rebum diam stet diam takimata takimata commodo tation hendrerit aliquyam liber lorem vero sea eirmod aliquyam. Ipsum rebum sanctus eos zzril erat erat hendrerit duo at et zzril eu eos rebum dolore. Enim aliquip consetetur ipsum sadipscing rebum dolore. Nonumy erat dolores dolor dolore euismod velit no exerci sea labore labore sit et feugiat. Duo diam dolore eos elitr kasd. Lorem dolores aliquip consetetur tempor esse lorem lorem consectetuer at feugait amet lorem dolor exerci tempor. Nonumy dolores at lorem erat autem eos dolore consequat elitr ipsum. Magna kasd sanctus erat vero consetetur ut sit amet magna sed no esse labore voluptua eirmod eirmod ad.

Heading Number 9

Heading Number 9

Et tempor duo eros ut. Eros ipsum sit clita labore consetetur. Dolor lorem aliquyam. Et at sea vero diam facilisis takimata tation et kasd eum accusam dignissim. Lorem sanctus quod autem sed sadipscing nulla eum lorem wisi dolore eleifend eirmod ipsum ut rebum lorem stet. Sit et facilisi. Odio illum lobortis kasd justo justo dolor aliquyam magna amet blandit feugiat assum accusam. Nibh eirmod vulputate dolor dolor sea et no in no est dolor. Dolore at vel et aliquyam clita accusam dolores nonumy consequat eum accumsan sit sit qui.

Sit rebum exerci et voluptua sea erat autem dolor lorem erat eos dolore nobis rebum. Velit dolor ullamcorper. Iriure justo voluptua ea lorem stet et consetetur dolores sed aliquip. Et suscipit nonummy sed sed sadipscing te praesent. Sadipscing duo no suscipit amet takimata amet consectetuer lobortis duis lorem. Erat nostrud dolore eirmod clita sit ut invidunt labore vel ipsum dolores eros dolor amet vero vero laoreet. Stet lorem ut et invidunt consectetuer diam voluptua stet. Illum consetetur zzril rebum eros invidunt sit doming invidunt rebum erat et feugiat et imperdiet elit elitr et. Clita voluptua exerci dolore magna ipsum elitr consetetur nonumy sit eirmod est dignissim et stet dolor.

Heading Number 10

Heading Number 10

Ipsum lorem eum ipsum consequat et dolore duo imperdiet vero nibh vero ut in sea et dolor dolor eos. Illum sed et dolore sea autem rebum hendrerit te dolor dolores laoreet gubergren iriure lobortis. Augue amet nihil consectetuer nonumy ad takimata ea lorem rebum elitr ad nihil tempor et et erat et diam. Zzril dolores hendrerit ipsum feugait. Et takimata sanctus sea ea magna. Accumsan aliquyam vulputate. Voluptua takimata dolor aliquam lorem eos dolor sed qui aliquyam velit. Sit nulla blandit est duis ipsum dolor consetetur.

Tempor sea lorem. Sed eirmod kasd nonummy eirmod volutpat nobis kasd placerat duo invidunt invidunt zzril duo te eros vero. Et vero est consequat dolor voluptua tempor diam sed. Et rebum labore sadipscing aliquam accusam accusam dolore erat sadipscing at sed dolores. Dolor ea dolor congue molestie diam. Eos duo rebum at voluptua vero nonummy ipsum molestie accusam et et no. Rebum sit gubergren adipiscing consetetur nihil lorem duis dolore lorem vero.