# Image Rendering Reference

## Navigation:

Index General Information Elements Utils Examples

## Relative Positioning Example

An example showing how to relative position fields and the usage of the max-height attribute.

- Template: templates/example3.xsl
- Record: records/empty.xml

## Relative Positioning Example (Template)

<xsl:stylesheet version="2.0" >
<xsl:template match="Record" >
<image font-size="16" height="300" width="400" >
<field max-height="200" width="200" x="10" y="20" >
<text>
Fixed Position
</text>
</field>
<field max-height="100" width="200" x="10" >
<label>
Relative Position
</label>
</field>
<field max-height="100" width="200" x="10" y="200" >
<text>
Second fixed position
</text>
</field>
<field background-color="black" max-height="50" width="100" x="10" >
<text color="white" >
Relative 1
</text>
</field>
<field background-color="black" max-height="50" width="100" x="10" >
<text color="white" >
Relative 2
</text>
</field>
<field max-height="50" width="100" x="10" >
<text>
Relative 3
</text>
</field>
</image>
</xsl:template>
</xsl:stylesheet>

## Generated Image