Area Model of List Item, Label and Body

This section provides a tutorial example showing area model of list-item, list-item-label and list-item-body formatting objects. start-indent starts from left edge of the list-block, not the list-item

To help us understanding better on how to control the location of list item label and body, I wrote another tutorial example, List-Item-Area-Model.fo, to illustrate the list item area model:

<?xml version="1.0" encoding="utf-8"?>
<!-- List-Item-Area-Model.fo
 - Copyright (c) 2016, HerongYang.com, All Rights Reserved.
-->
<fo:root xmlns:fo="http://www.w3.org/1999/XSL/Format">
 <fo:layout-master-set>
  <fo:simple-page-master master-name="page" 
   margin="0.1in" page-height="5in" page-width="5in">
   <fo:region-body region-name="body" background-color="#eeffff"/>
  </fo:simple-page-master>
 </fo:layout-master-set>
 <fo:page-sequence master-reference="page">
  <fo:flow flow-name="body">
   <fo:block
    font-weight="bold">list-item Area Model:</fo:block>
<fo:list-block border-width="4px" border-style="solid" margin="0pt">
 <fo:list-item margin="20pt" border-width="2px" border-style="double">
  <fo:list-item-label start-indent="40pt">
   <fo:block border-width="1px" border-style="dotted" padding="10pt"
    margin="0pt" background-color="#ffddff">Bookmarks</fo:block>
  </fo:list-item-label>
  <fo:list-item-body start-indent="60pt">
   <fo:block border-width="1px" border-style="solid" padding="10pt" 
    margin-top="20pt" margin="0pt" background-color="#dddddd">
Allowing the format to specify a string of text in a separate window 
that can be selected by the user. When selected, the document window 
scrolls immediately to a specific region of the document.
   </fo:block>
  </fo:list-item-body>
 </fo:list-item>
 <fo:list-item margin-top="10pt">
  <fo:list-item-label>
   <fo:block>Indexing</fo:block>
  </fo:list-item-label>
  <fo:list-item-body start-indent="60pt">
   <fo:block>
   Supporting the generation of an index that might be found at the 
   back of a book. This is done through referencing of properly 
   marked-up elements in the FO document.
   </fo:block>
  </fo:list-item-body>
 </fo:list-item>
</fo:list-block>
  </fo:flow>
 </fo:page-sequence>
</fo:root>

If you process this example XSL-FO document with Apache FOP, you will see areas of list-block, list-item, list-item-label, and list-item-body displayed with different colors and borders:

List Item Area Model

Note that:

Last update: 2016.

Table of Contents

 About This XSL-FO Tutorial Book

 Introduction of XSL-FO

 Apache™ FOP (Formatting Objects Processor)

 RenderX XEP as an XSL-FO Tool

 Introduction of Area Model

 XSL-FO Document Basics and Examples

 Page Layout Masters

 Block-Level Formatting Objects

 Inline-Level Formatting Objects

 Including Graphics in XSL-FO document

 Table of Rows and Columns

List, Item, Label, and Body

 List Formatting Object Tree

 Impact of start-indent on list-item-body

Area Model of List Item, Label and Body

 Floating Blocks - "float" and "footnote"

 Hyperlinks, Table of Contents and Indexes

 Headers and Footers using "static-content"

 Font Attributes and Font Families

 Apache FOP Font Configurations

 RenderX XEP Font Configurations

 References

 PDF Printing Version