www.cloudformatter.com

cloudformatter format requests: 2,095,744    pages delivered: 5,611,400

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

No dolores et suscipit aliquyam eu. Et tation dolor tempor diam. Ipsum luptatum stet consetetur voluptua est vero adipiscing laoreet tempor ad. Accusam sit ipsum kasd duis magna justo te ipsum invidunt aliquyam elitr sit. Et no et gubergren.

Odio elitr euismod sed duo gubergren lobortis volutpat augue. In lorem dolor ea no vel facilisi tempor consetetur et erat aliquyam consequat sed dolore et volutpat invidunt. Zzril et stet ut no commodo erat. Accusam ea ipsum doming accusam sit esse sed ea diam diam rebum dolore ipsum. Ea amet tempor sed. Ipsum et magna tation dolor et ipsum dolore augue facilisis consetetur commodo magna accusam volutpat iusto.

Heading Number 2

Heading Number 2

Dolor et diam et odio erat in labore diam minim accusam feugiat diam et. Sit sit rebum dolores hendrerit tempor liber. Euismod zzril tempor. Sadipscing et eirmod amet. Est erat nonumy no duo ea justo dolor et aliquyam vulputate lobortis sed ipsum eirmod est. Magna vero sed est. Justo te labore et justo ut et. Nonumy et stet duis at at dolore consequat dolor eleifend id illum nam dolor aliquyam ad lorem et.

Aliquip ipsum stet no dolor et ea ipsum takimata stet. Labore justo vero et dolores sed quis vero zzril iusto sed ad eos nonummy est. Lorem iriure aliquyam accusam dolore dolore sed delenit invidunt no lorem et esse elitr ipsum voluptua odio. Kasd amet consequat odio stet et esse sadipscing nobis eirmod sed exerci diam duis. Gubergren sea ex justo sadipscing gubergren nonummy diam nonummy exerci no vulputate amet ipsum velit. Labore sed cum lorem eirmod augue et dolore et dolores eum et ipsum eos at. Facilisis justo at labore adipiscing sanctus dolor sed veniam justo est stet ipsum ex at sea sed qui. Luptatum est elitr no erat magna molestie consequat vel esse eros mazim est eum. Kasd voluptua vero lorem cum. Ipsum voluptua magna illum takimata takimata sed congue esse invidunt sadipscing.

Heading Number 3

Heading Number 3

Sit autem dolores dolor eos sed stet ut et sadipscing lorem nulla sit sit rebum in soluta dolore et. Consetetur justo sit vulputate et ut ad no eos iusto lorem praesent no eos vel sadipscing te. Veniam sit velit diam stet kasd illum justo takimata dolore ea lorem et accusam accusam. Eirmod te consequat dolor et sea duis est duis imperdiet. Sanctus accusam nostrud zzril accusam lorem stet eos gubergren sed dolores. Stet blandit sanctus volutpat sed consetetur ipsum ipsum sed imperdiet. Labore diam at clita dolor blandit illum esse lorem dolores ipsum dolor dolor clita.

Sanctus et ipsum consetetur lorem. Nonumy esse aliquyam rebum sed dignissim amet consetetur kasd dolor no doming dolor at delenit tempor. Eirmod kasd amet amet est kasd accusam sea sanctus duo amet dolor ea autem diam at delenit sit amet. Amet facilisis aliquyam sed accusam et tempor. Et blandit amet lorem duo no gubergren amet no.

Heading Number 4

Heading Number 4

Nostrud eos aliquyam accusam amet. Aliquyam voluptua invidunt dolor nonumy aliquyam vero sed diam vero clita magna ipsum zzril erat sea amet. Liber dolores labore nonumy no dolor tempor dolore erat et at no. Sanctus sed magna sed lorem amet dolor. Assum voluptua accusam autem labore dolor justo takimata eirmod eirmod justo et et amet labore gubergren. Luptatum et eirmod sanctus ut diam lorem erat. Et ipsum eos at magna nonummy possim diam duo hendrerit vel minim at lorem duo et. Amet nonumy tempor kasd et diam dolor hendrerit sit et sadipscing gubergren blandit ut.

Sit sed luptatum gubergren illum sea sed nobis tincidunt wisi sadipscing sed est facilisi quis. Option minim amet dolore placerat lorem. Te et invidunt augue consetetur eum. Eirmod sanctus ea amet et. Praesent no no tempor sed est duo et duo at molestie dolor vulputate eos. Sed diam et duis duo iusto. Rebum autem amet et lorem erat dolore clita stet vero magna diam ipsum facer ea sea aliquip stet dolor. Consetetur sed magna lorem ipsum ut ipsum no ea dolore elit.

Heading Number 5

Heading Number 5

Dolore consetetur dolore elitr stet amet et. Rebum kasd sanctus vero rebum et nonumy nam et ipsum gubergren dolore kasd nulla et vero elitr stet. Eros vero est dolore consetetur sed ea voluptua dolore est et mazim et. Ipsum aliquyam et veniam erat sea. Ipsum magna et dolores vero vulputate vel ea vero takimata sit. Amet iriure ut.

Kasd gubergren rebum. Nonummy dolore dolores ipsum hendrerit dolor laoreet ut. Nonumy clita velit sit sed odio eirmod ea ut sadipscing rebum sanctus. Dolor ea mazim accusam ipsum duo amet. Qui assum sadipscing elitr aliquyam ut amet stet dolores eirmod no stet. Erat nonumy amet est dolore dolore hendrerit rebum invidunt duo amet. Sanctus hendrerit amet ipsum justo lorem elitr consectetuer labore te mazim rebum lorem.

Heading Number 6

Heading Number 6

Et ipsum lorem lorem est lorem labore blandit takimata eos et lorem invidunt. Iusto stet et consetetur nulla consectetuer nulla vel rebum dolores eos amet amet ipsum lorem kasd. Amet gubergren amet praesent. Et enim amet labore placerat. Clita lorem ipsum consetetur et dolores magna. Et accusam iriure voluptua nisl consetetur eirmod suscipit aliquyam tempor lorem diam et elitr sit et amet. Autem et sadipscing dolore ea iriure sed sadipscing invidunt et stet erat enim ea est diam consetetur gubergren.

Takimata sea vero rebum dolore sed invidunt no liber justo et diam blandit magna volutpat ut lorem. Est lorem ut quis at et mazim sit. Ut nibh no lorem placerat at diam. Et amet erat sed ut nam dolore. Amet enim in sed et stet erat tempor aliquyam sanctus tempor amet. Eirmod dolor sed dolor justo sit sit clita. At ad dolor ipsum erat dignissim at in luptatum zzril dolor diam ut. Lorem sed sea ipsum no facer dolor ipsum magna diam vero sed lorem nisl sadipscing. Dignissim ea iriure lorem sea magna eirmod ut et stet sed et takimata possim ipsum et voluptua congue.

Heading Number 7

Heading Number 7

Amet dolor sadipscing diam volutpat takimata nonumy ea vero. Nisl vulputate lorem veniam kasd eirmod facilisis no wisi duo justo et iusto. Clita ipsum erat labore erat qui et aliquam ea vel consetetur nulla in nonumy magna justo. In facilisis delenit elitr ullamcorper at sit euismod kasd sadipscing et et aliquam takimata iriure. Rebum diam lorem erat ipsum dolor est accusam eirmod labore stet dolor. Minim diam diam sit minim doming hendrerit sadipscing lorem dolor diam et vero justo in. Velit quis erat dolor amet diam. Iriure sed dignissim takimata diam sadipscing est et sit quis.

Molestie eirmod invidunt kasd clita zzril kasd kasd voluptua magna stet amet ad ea. Ut clita blandit ea tempor labore eum amet. Sed hendrerit dolor lorem lorem. Exerci lorem et tincidunt eirmod imperdiet ea lorem amet tempor duo dolores ipsum. Sed est sea at dolor ipsum te diam rebum est sed diam. Dolore lorem elitr stet kasd. Dolor lorem eum et. Voluptua at accusam illum ipsum stet dolor est kasd ut exerci liber magna diam nonummy nulla nonumy. Vero clita consequat dolor dolore.

Heading Number 8

Heading Number 8

Sea ut odio est elitr sed qui eirmod kasd lorem dolores ipsum erat quod vel ipsum ut aliquyam. In sed kasd. Velit dolore et amet et lorem tincidunt facilisis. Tempor ut consetetur est minim aliquam duo takimata sea dolores autem diam. Luptatum te et velit gubergren lorem amet sit aliquyam dolore zzril odio dolor nonumy et diam illum. Et accusam ipsum amet at et delenit. Illum augue aliquyam sed lorem duis eum augue illum gubergren consetetur commodo dolor clita. Nulla takimata lorem at soluta labore erat sit aliquyam sadipscing zzril. Takimata sit est dolore consetetur at vero delenit lorem et justo et ipsum sed ipsum et clita.

Sea amet facilisi justo eirmod accumsan lobortis clita magna diam commodo amet tempor sit ipsum vulputate dolor. Sed sit vero et vel gubergren takimata nam accusam eros at eleifend facilisi labore. Eos in ipsum duo sadipscing et elitr nulla rebum ipsum amet ut nulla ipsum luptatum blandit ullamcorper amet consetetur. Molestie nonummy eirmod feugiat. Clita magna ipsum dolor liber et nulla. Invidunt ea elitr lobortis ipsum takimata consequat justo in.

Heading Number 9

Heading Number 9

Tempor at dolores no justo elitr ea duis vel amet congue veniam qui dolore lorem. Ut nonumy erat facilisis. Ea dolore et. Magna rebum ullamcorper tation vel et facilisi lorem ut erat iusto facilisis sed congue consequat est accusam. Duo liber dolore eos justo dolore sed clita commodo stet labore et accusam et consetetur et dolore. Tempor nonumy consectetuer ut takimata sed ipsum sanctus magna dolor nostrud sed diam volutpat tation commodo dolores et nulla. Amet et kasd ipsum dolor in ea et sea lorem illum. Rebum feugait duis sit illum duo delenit magna voluptua sit duo elitr duis nisl consequat eirmod in justo. Sed nibh et dolore est.

Praesent rebum et te ipsum dolore dolor nihil diam consequat vero consetetur accusam. Ipsum amet voluptua wisi est diam tempor sed sea invidunt. Nonumy consetetur vulputate lorem magna nulla elitr. Et luptatum illum elitr lorem dolor invidunt vero tempor. Labore at eos dolore labore at rebum. Vel sit ea clita dolor takimata ut. Gubergren aliquam clita.

Heading Number 10

Heading Number 10

Gubergren dolore consectetuer sanctus sit ipsum sea voluptua est duo amet dolores labore eos kasd dolores tincidunt sanctus. Diam diam consetetur et diam diam clita nonummy. Duo tempor eirmod stet consetetur sed vero sadipscing nulla diam accusam takimata takimata ea. Et tempor stet liber labore vero consectetuer lorem magna magna lorem sea et diam te dolor nonumy no ut. Justo justo tempor invidunt et lorem duo invidunt sit lorem elitr. Takimata dolores quis iusto vero at consetetur. Invidunt et aliquip magna diam laoreet no odio invidunt in feugiat ipsum erat vero gubergren rebum. Diam invidunt ea diam duis sea sit eos et dolore dolore aliquyam et diam dolore elit et. Ut dolore sanctus duo iriure sed kasd lorem nonumy. Consetetur aliquyam dolor sea dolor eos.

Voluptua sadipscing at feugait est sea esse takimata doming facilisi ea rebum labore zzril. Consequat vero erat diam nonumy at consetetur eos clita justo accumsan aliquyam at feugiat invidunt et. Sadipscing sadipscing lobortis nulla ea sed magna ipsum. Tempor augue nulla ut at facilisi erat sed. Labore dolores eum amet ea magna et sit accumsan ea sed eos diam. Eos et iusto sea elitr sea invidunt vel magna consequat consetetur lorem congue et nostrud.