<?xml version="1.0"?>
<!-- ============================================================ -->
<!--                                                              -->
<!-- 	This file makes a part of RenderX XSL Test Suite          -->
<!--                                                              -->
<!--    Author: Alexander Peshkov                                 -->
<!--                                                              -->
<!--    (c) RenderX, 2003                                         -->
<!--                                                              -->
<!-- ============================================================ -->
<document>
  <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
           xmlns:dc="http://purl.org/dc/elements/1.1/"
           xmlns:dcterms="http://purl.org/dc/terms/"
           xmlns:db="http://www.oasis-open.org/docbook/xml/4.2/">
    <rdf:Description rdf:about="http://xep.xattic.com/testsuite/usecases/marginalia.xml">
        <dc:creator>Alexander Peshkov</dc:creator>
        <dc:title>Creating marginalia using side floats</dc:title>
        <dc:description>
          <db:para>
            Creates marginalia (notes on margins synchronized with the main text) using
            <db:sgmltag class='starttag'>fo:float</db:sgmltag>
            elements together with <db:sgmltag class='attribute'>margin</db:sgmltag> property.
          </db:para>
        </dc:description>
        <dc:date>2003-07-04</dc:date>
        <dcterms:requires rdf:resource="http://xep.xattic.com/testsuite/usecases/generic.xsl"/>
        <dcterms:requires rdf:resource="http://xep.xattic.com/testsuite/usecases/marginalia.xsl"/>
    </rdf:Description>
  </rdf:RDF> 
  <section>
  <title>Creating marginalia using side floats</title>
  <para>
  	There is a wide used practice to place some notes on margins synchronized with the reference points
  	in the main text, its known as "marginalia".
  	To create marginalia in XSL FO you can use <code>fo:float</code> elements together with <code>margin</code> property.
	<citation>
      <ulink url="http://www.w3.org/TR/2001/REC-xsl-20011015/slice6.html#fo_float">XSL FO Recommendation, Chapter 6.10.2 "fo:float"</ulink>
    </citation>
  </para>
  <para>
    There are two page sequences below. First one (pages 2, 3) has a left-aligned marginalia
    created with 'start' floats.
	This page sequence utilize 'regular' page-master and it's flow has <code>start-indent</code>
	value big enought to accomodate float:
	<codeblock>
		&lt;fo:flow flow-name="xsl-region-body"
                 padding="6pt"
                 start-indent="120pt"&gt;
	</codeblock>
	All <code>fo:float</code> elements in this flow have zero indents and contain <code>fo:block-container</code>
	with fixed width of 100pt:
	<codeblock>
      &lt;fo:float float="start" start-indent="0pt" clear="both"&gt;
		&lt;fo:block-container width="100pt"&gt;
				&lt;fo:block&gt;Marginalia float&lt;/fo:block&gt;
		&lt;/fo:block-container&gt;
      &lt;/fo:float&gt;
    </codeblock>
    As a result we will have a 100pt wide marginalia at the left side of the page.
  </para>
  <para>
  	While such a 'one side' marginalia is very usefull indeed, it's a common requirement to place a marginalia
  	on different sides of the page depending on its parity.
  	Unfortunately this cannot be done by the means of strict XSL FO, but RenderX XEP allows you
  	to create such an effect using special values of <code>float</code> property: <code>inside</code> and <code>outside</code>.
  	Former will align floating block to the inner edge of the page (left for odd pages, right for even pages)
  	and latter will align floating block to the outer edge of the page (right for odd pages, left for even pages).
  </para>
  <para>
    Second page sequence below (pages 4, 5) demonstrates creation of "duplex" marginalia
    aligned to the outer edge of the page, it's created  using <code>outside</code>
    value of <code>float</code> property.
    This page sequence utilize a special pagemasters with negative margin on the start (left) side for odd
    pages and negative margin on the end (right) side:
    <codeblock>
		&lt;fo:simple-page-master master-name="page-odd" margin="0.2in"&gt;
			&lt;fo:region-body  margin="20pt 20pt 20pt -100pt"/&gt;
		&lt;/fo:simple-page-master&gt;
		&lt;fo:simple-page-master master-name="page-even" margin="0.2in"&gt;
			&lt;fo:region-body  margin="20pt -100pt 20pt 20pt"/&gt;
		&lt;/fo:simple-page-master&gt;
		&lt;fo:page-sequence-master master-name="marginalia-duplex"&gt;
     		&lt;fo:repeatable-page-master-alternatives&gt;
        		&lt;fo:conditional-page-master-reference 
             				master-reference="page-odd"
             				odd-or-even="odd"/&gt;
        		&lt;fo:conditional-page-master-reference 
             				master-reference="page-even"
             				odd-or-even="even"/&gt;
      		&lt;/fo:repeatable-page-master-alternatives&gt;
		&lt;/fo:page-sequence-master&gt;
	</codeblock>
	and it's flow has an appropriate <code>start-indent</code> and <code>end-indent</code> values:
	<codeblock>
		&lt;fo:flow flow-name="xsl-region-body"
		         padding="6pt"
		         start-indent="120pt"
		         end-indent="120pt"&gt;
	</codeblock>
	Floats used in this flow look like this:
	<codeblock>
      &lt;fo:float float="outside" start-indent="0pt" end-indent="0pt" clear="both"&gt;
        &lt;fo:block-container width="100pt"&gt;
          &lt;fo:block&gt;Duplex marginalia float&lt;/fo:block&gt;
        &lt;/fo:block-container&gt;
     &lt;/fo:float&gt;
    </codeblock>
  </para>
  </section>

  <section type="marginalia-simplex">
    <title>Simplex marginalia</title>
    <para>
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
      <figure>
        <simpara>This is side float with <code>float="start"</code></simpara>
      </figure>
      Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
      <figure>
        <simpara>This is side float with <code>float="start"</code></simpara>
      </figure>
      Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
      <figure>
        <simpara>This is side float with <code>float="start"</code></simpara>
      </figure>
      Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
    </para>
  </section>
  
  <section type="marginalia-duplex">
    <title>Duplex marginalia</title>
    <para>
    Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
      <figure>
        <simpara>This is side float with <code>float="outside"</code></simpara>
      </figure>
	Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
      <figure>
        <simpara>This is side float with <code>float="outside"</code></simpara>
      </figure>
	At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. 
      <figure>
        <simpara>This is side float with <code>float="outside"</code></simpara>
      </figure>
	Consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </para>
    <para>
    Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
      <figure>
        <simpara>This is side float with <code>float="outside"</code></simpara>
      </figure>
	Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
      <figure>
        <simpara>This is side float with <code>float="outside"</code></simpara>
      </figure>
	At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. 
      <figure>
        <simpara>This is side float with <code>float="outside"</code></simpara>
      </figure>
	Consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
    </para>
    <para>
    Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
      <figure>
        <simpara>This is side float with <code>float="outside"</code></simpara>
      </figure>
	Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.
      <figure>
        <simpara>This is side float with <code>float="outside"</code></simpara>
      </figure>
	At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. 
    </para>
  </section>
</document>