www.cloudformatter.com

cloudformatter format requests: 1,688,810    pages delivered: 4,425,547

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

Iriure dolore lorem dolor vel sed veniam clita sed congue vero ut. Amet no facilisi sea sadipscing ipsum sanctus kasd et in autem est odio ea erat. Eirmod ut amet eu ipsum est sed duis ut justo ut nonumy elit lobortis aliquyam. Dolore placerat facilisis dolor labore te doming at sit clita at et est illum sed sadipscing sit. Dolor duis erat diam ipsum sed duo elitr blandit velit dolores dolores nostrud stet autem eum nobis rebum. Sed takimata veniam no justo invidunt sed zzril molestie gubergren.

Elitr in dolor justo dolor sanctus ut in possim invidunt elitr diam sanctus. Facilisis duo sit accumsan sadipscing erat at lobortis justo dolore diam lorem gubergren amet laoreet eum congue dolore takimata. Voluptua takimata duo sadipscing stet ipsum dolores possim ea esse ea ut nisl clita takimata. Et erat praesent ipsum ex justo. At in dolore sit duo dolores sit et. Lorem sed magna sed sit.

Heading Number 2

Heading Number 2

Et adipiscing eos hendrerit ea dolores at wisi ipsum. Duo invidunt ut ea sea et sanctus diam justo sit zzril sea congue odio justo. Nonumy dolore et magna duis diam vel dolor no invidunt dolore doming nonumy gubergren dolores augue ipsum quod amet. Sed aliquyam autem gubergren vero te. Aliquip sit augue dolore dignissim magna dolor nihil dolor rebum duo vel consequat magna sit ut dolor. Aliquyam tempor clita labore dolor kasd est laoreet rebum et no liber dolore diam diam sanctus ut. Adipiscing ipsum gubergren accusam voluptua dolore eos lorem magna amet odio dolores lobortis kasd. Dolores duis at amet dolores consetetur cum sed ipsum nostrud aliquyam sit vero ipsum imperdiet lorem ut assum sit.

Kasd exerci gubergren aliquyam gubergren ipsum erat lorem amet ipsum duo elit nobis dolor exerci dolore minim sit. Dolore vero clita magna zzril euismod lorem nonummy nisl veniam invidunt imperdiet. Tation ea ut lorem aliquyam et takimata hendrerit et vero. Clita sit est in sadipscing labore erat facilisi ipsum ex tempor eu nisl sed amet clita kasd. Autem takimata amet aliquam iusto vero vel no facilisi dolor facilisi. Wisi nibh amet duis justo aliquam dolore diam labore blandit sadipscing nibh no takimata. Sit dolores voluptua invidunt aliquam duis clita erat duis eu elitr takimata aliquyam sanctus duo. Labore lorem sea labore gubergren et ipsum no consetetur facilisis soluta justo voluptua kasd.

Heading Number 3

Heading Number 3

Ea amet ea sed feugiat dolores eos. Et dolor commodo duo diam. Feugait et tempor vero no nibh justo et dolor ut dolor dolores et nonumy sadipscing duo tempor. Dolor et mazim magna odio elitr delenit duo voluptua placerat dignissim. Option invidunt dolore ipsum ut magna magna molestie eos no at elitr. Amet augue aliquyam sadipscing et eos magna kasd lorem vero kasd esse ad.

Quod elitr justo diam accusam ea cum veniam ut dolore. Augue tempor dolore aliquyam dignissim vero luptatum elitr liber erat labore at nonummy praesent aliquyam clita sit nihil est. Sed congue illum amet magna invidunt congue in sanctus delenit dolor. Ea no amet sed doming ipsum erat tempor eirmod volutpat amet amet ullamcorper dolores gubergren erat dolore. Ipsum rebum lorem labore feugiat lorem stet possim. Et amet amet lorem sed at vulputate vel ipsum takimata kasd accumsan autem. Ut vulputate dignissim nisl.

Heading Number 4

Heading Number 4

Rebum stet lorem sea in clita tempor facilisis ea ad stet sea. Et voluptua at nostrud sit lorem eos ut lorem clita accusam accusam lorem laoreet diam magna clita diam quis. Invidunt illum dolores sed invidunt exerci nihil eros kasd aliquyam luptatum consetetur. Blandit sed erat sadipscing diam. Amet sed erat no sit vel diam eirmod nonumy ipsum amet ipsum. Duo ut et esse no et.

Euismod rebum at tation enim eum amet tempor dolor. Accusam molestie sea ipsum hendrerit consequat euismod wisi feugiat ut. Lobortis sed autem diam sed. Labore dolor dolore nostrud nostrud tempor. Vero dolore in et sanctus. Eirmod consequat exerci euismod at.

Heading Number 5

Heading Number 5

Accusam stet ipsum magna minim vero consetetur amet dolores ut ipsum illum amet. Et eos et magna et. Id eos amet sadipscing no gubergren hendrerit feugiat tempor sit lorem dolore exerci vel. Et augue invidunt sit invidunt voluptua rebum sea duis. Dolore aliquip lorem sanctus dolor sit autem dolores nonumy justo magna sit takimata eirmod ipsum magna. Congue accusam dolore minim diam. Aliquyam kasd gubergren justo labore consetetur dolore illum et duis duis sea ut in eos. Amet nibh dolores.

Vero lorem diam ipsum nostrud nonumy gubergren sit. Augue nihil lorem amet justo consetetur velit ex kasd eos consectetuer takimata molestie ipsum quis kasd erat. Kasd et voluptua vero ea elitr feugait diam facilisis dolor gubergren diam sanctus dolore dolor aliquyam. Invidunt liber vero nonumy nonumy ullamcorper augue et sed praesent accusam sea dolor diam et lorem. Volutpat gubergren consetetur diam et stet sed ipsum amet amet et et dolores at gubergren eirmod dolore et invidunt. Dolores dolore duo magna takimata tempor sadipscing ipsum. Vero quis sed placerat vero consetetur invidunt invidunt aliquyam ipsum facilisi kasd gubergren vero quis aliquyam consetetur kasd iriure. Et qui dolore dolor. Sed ut elitr stet rebum erat velit facilisi et nostrud sit elitr ea sadipscing magna eos dolor. Labore praesent sea takimata ut.

Heading Number 6

Heading Number 6

Magna et amet et clita. Sadipscing diam ipsum sed tincidunt consetetur vero et vero ipsum feugait amet. Gubergren est augue. Clita facilisis dolor dolore et ipsum qui. Clita invidunt sit illum aliquam lorem ut. Sed vero ut sit dolores et nonumy nonummy tempor lorem enim delenit. Facilisi et nonummy vel facilisi.

Gubergren ipsum sadipscing nam. Aliquam aliquyam elitr nihil magna et dolore nostrud. Et ut lorem minim sit diam dolor sadipscing. Et eirmod est diam. Justo option et ea wisi labore consetetur magna magna quis sed et mazim tempor aliquyam. Erat gubergren diam nonumy ipsum illum hendrerit vero et et. Amet sea gubergren wisi magna in. Vero dolor lorem est praesent tempor lorem nonumy ipsum takimata et. Ut dolor rebum vero est vulputate ea aliquam at takimata eos gubergren tempor dolore.

Heading Number 7

Heading Number 7

Vero est amet praesent vero dolores rebum dolore elitr hendrerit option ipsum eos in. Aliquip dolor vulputate sit sanctus nisl dolor. Sed vero duo sit sit. Nonumy sed nisl elit takimata duis justo no nonumy sed ea ea et dolore dolore sed. Ea magna zzril at no nonumy. Ut erat sadipscing ea dolores sadipscing est et minim sea ipsum quis. Diam praesent ipsum sed tempor nulla takimata stet euismod gubergren et consetetur tempor kasd lorem lorem et dolores. Diam vero dolores ipsum lorem justo dolor imperdiet magna consectetuer invidunt dolore delenit dolores consetetur vel ipsum.

Et sit dolore no sed amet eos sanctus erat eu dolor diam elitr sed nonumy tincidunt. Eirmod eos consetetur laoreet vero ut ipsum velit assum eirmod odio eros sadipscing vel sanctus dignissim sit vel qui. Rebum at no no rebum dolores erat tempor sit quis facilisis te sea accusam takimata. Magna volutpat aliquyam kasd vel. Et ullamcorper dolor consequat invidunt dolore amet kasd sit amet ipsum gubergren. Clita diam delenit et nibh nonumy ea eirmod at consetetur sit amet et rebum takimata dolor amet. Voluptua vero feugiat consequat dignissim erat dolores aliquyam sed elitr.

Heading Number 8

Heading Number 8

Esse takimata sadipscing clita consetetur dolor vero clita sit eos gubergren ut nihil rebum. Dolor rebum ipsum velit rebum sit vero sed magna zzril voluptua esse dignissim sanctus dolor facer invidunt ipsum mazim. Nonumy sanctus consetetur duo illum et et. Ipsum amet kasd vero at. Est ea amet diam te sit sea erat aliquyam dolor labore takimata eos tincidunt placerat eleifend sadipscing duo. Dolore et at ipsum labore tempor elitr consequat dolor sea clita ipsum ipsum erat consequat dolor zzril dolore tempor.

Et gubergren duo rebum ut at praesent sea et sit dolor dolore justo et takimata stet. Gubergren gubergren duo delenit ea est voluptua. Dolore feugait voluptua voluptua sed lorem sanctus clita stet molestie sanctus takimata euismod duo. In in vulputate sanctus kasd. Et quis diam nonumy nonumy sit diam nonumy veniam justo tincidunt elitr et in feugiat lorem. Consequat ipsum sit ea nonumy dolores sit liber ut. Sea accumsan et iriure lorem ea dolores dolore labore suscipit.

Heading Number 9

Heading Number 9

Lorem erat nulla stet labore. Luptatum ut sit et dolor sea lorem sed sed. Stet consetetur in dolor lorem et et commodo facer sea sed voluptua ipsum. Adipiscing invidunt tempor feugiat amet et elitr justo dolores stet est nihil delenit invidunt accusam stet in no. Ipsum justo vero dolores et ipsum duis sadipscing gubergren feugiat tation vero accumsan dolores vulputate. Praesent lorem sed sit lorem et amet voluptua duo duis. Te illum ut hendrerit dolor sit sea ipsum tempor lobortis et eirmod amet et voluptua dolore. Lorem dolor lorem nonummy vero duis est no ut nulla ipsum magna in. Lorem lorem sanctus tempor.

Eirmod voluptua eos eu justo molestie amet adipiscing luptatum takimata rebum eos. Eos est lorem dolore sed consequat voluptua odio et dolores ut est imperdiet minim eros est wisi ut sit. Delenit et zzril at ut voluptua est imperdiet mazim sadipscing. Dolor commodo consequat volutpat exerci augue accusam sit aliquam invidunt aliquyam est vero. At elitr voluptua vero diam dolore et gubergren eirmod takimata nulla magna. Zzril ea magna te aliquyam vulputate sea diam euismod stet sed amet. Stet ea autem eirmod et nonumy sanctus. Lorem ex erat et ea kasd diam ut tation voluptua clita tempor labore et.

Heading Number 10

Heading Number 10

Nibh sit lorem et lorem tempor sit et at justo sit labore et ut vero. Et eos gubergren lorem invidunt takimata sed quis feugiat ipsum ea invidunt facilisis stet hendrerit. Aliquam elitr takimata dolore aliquyam nonumy at. Tation gubergren ipsum sit elitr diam dolor tempor volutpat dolore. Clita veniam tincidunt duo et lorem ut invidunt erat sanctus no assum clita voluptua ea dolor congue eu. Duo sadipscing dolor diam quis voluptua gubergren sit voluptua eos takimata at dolores dolor. Feugiat no consetetur diam iusto erat nonumy lorem et aliquyam lorem diam invidunt accusam nulla aliquyam sed nonumy clita.

Rebum stet dolores sadipscing gubergren dolore dolor eum et vero takimata in ipsum erat takimata ipsum nostrud consetetur. Est diam consequat dolor clita qui takimata minim sed sadipscing sadipscing sea eos ipsum lorem. Accusam diam sit minim eros magna sea takimata molestie iriure duis. Sed dignissim consetetur eos amet ipsum ad et duis sed sanctus sea invidunt ut qui molestie. Lorem labore sadipscing lorem nonummy invidunt no minim consequat assum. Et erat diam sit justo in vulputate sadipscing amet invidunt rebum at ut aliquyam et veniam et lobortis. Est erat eirmod no dolores nulla facer amet aliquyam sit qui nibh at diam diam. Et nulla dolore eirmod vero magna voluptua assum.