XSL-FO Lists

XSL-FO uses list blocks to define lists.

XSL-FO list blocks

There are four XSL-FO objects used to create lists:

• fo:list-block (contains the whole list)
• fo:list-item (contains each item in the list)
• fo:list-item-label (contains the label for the list-item - typically an <fo:block> containing a number, character, etc.)
• fo:list-item-body (contains the content/body of the list-item - typically one or more <fo:block> objects)

An XSL-FO list example:

<fo:list-block>
<fo:list-item>
 <fo:list-item-label>
   <fo:block>*</fo:block>
 </fo:list-item-label>
 <fo:list-item-body>
   <fo:block>Volvo</fo:block>
 </fo:list-item-body>
</fo:list-item>
<fo:list-item>
 <fo:list-item-label>
   <fo:block>*</fo:block>
 </fo:list-item-label>
 <fo:list-item-body>
   <fo:block>Saab</fo:block>
 </fo:list-item-body>
</fo:list-item>
</fo:list-block>

The output from this code would be:

More examples with XSL-FO lists

You can checkout another beautiful example of a Xsl-fo list in our demo section where we use Font Awesome icons as list bullets on /demo/font-service-demo