Using Zen Reports
Default Format and Style
[Back] [Next]
   
Server:docs2
Instance:LATEST
User:UnknownUser
 
-
Search:    

If you set style="none" for the top-level <report> element in XData ReportDisplay, the standard Zen stylesheet is ignored and there are no predefined styles for Zen reports. However, if you omit the style attribute for <report>, your reports use the standard stylesheet for Zen reports. This stylesheet is a collection of predefined style classes with the following names:

The following <table> element uses the class attribute to apply a predefined style called table.grid to a table in a Zen report:
<table class="grid" group="Step">
 <item width="0.8in" field="@Number" />
 <item width="0.8in" field="./AllSet" />
 <item field="./DemoText" />
</table>
You may also define custom style classes using the <class> element and apply these custom styles using the class attribute. A set of <class> elements may optionally appear inside the single <document> element that defines high level page layout for the <report>. For details, see the <class> subsection of the <document> section in the chapter “Formatting Zen Report Pages.”
To view details of the predefined style definitions, see the following sections:
Default CSS Styles for Zen Reports in HTML Format
Default styles for Zen reports use the following CSS statements to control the appearance of HTML output. You can apply these style class names to <p>, <inline>, or <table> elements while laying out the Zen <report> in the XData ReportDisplay block, as shown in the discussion of the <report> style attribute.
th {
     text-align:left
}
  
p.banner1 {
    color:darkblue;
    font-family:Arial;
    border-bottom:1px solid darkblue;
    font-size:24pt;
    font-weight:bold;
}
 
inline.banner1 {
    color:darkblue;
    font-family:Arial;
    border-bottom:1px solid darkblue;
    font-size:24pt;
    font-weight:bold;
}
 
table.table1 {
    border:none;
}
th.table1 {
    text-align:right;
    font-weight:bold;
}
td.table1 {
    text-align:left;
}
  
th.table2 {
    border:1px solid gray;
    text-align:left;
    background-color:#e0e0e0;
    font-weight:normal;
}
td.table2 {
    font-weight:bold;
    border:1px solid gray;
}
  
table.table3 {
      border:none;
}
th.table3 {
    border:none;
    text-align:left;
    font-weight:bold;
}
td.table3 {
    border:none;
    text-align:left;
    font-weight:normal;
}
  
table.table4 {
    border:1px solid gray;
}
th.table4 {
    border:none;
    color:white;
    background-color:#6f6fff;
    text-align:left;
    font-weight:bold;
}
td.table4 {
    border:none;
    text-align:left;
    font-weight:normal;
}
  
table.table5 {
    border:none;
}
th.table5 {
    border:none;
    text-align:left;
    font-weight:normal;
    background-color:#bbbbff;
    border-top:1.5px solid black;
    border-bottom:1.5px solid black;
}
td.table5 {
    border:none;
    text-align:left;
    font-weight:normal;
    line-height:150%;
}
  
table.grid {
    border:none;
}
th.grid {
    border:1px solid black;
    text-align:left;
    font-weight:bold;
}
td.grid {
    border:1px solid black;
    text-align:left;
    font-weight:normal;
}
  
table.invisible {
    border:none;
}
th.invisible {
    border:none;
    text-align:left;
}
td.invisible {
    border:none;
    text-align:left;
}
  
th.numeric {
    border:1px solid gray;
    text-align:right;
    background-color:#e0e0e0;
    font-weight:normal;
}
td.numeric {
    font-weight:bold;
    text-align:right;
    border:1px solid gray;
}
Whether or not you use the predefined styles, you may define custom style classes using the <class> element and apply them to elements in a Zen report using the class attribute.
Default XSL-FO Styles for Zen Reports in PDF Format
Default styles for Zen reports in PDF format use the following XSL-FO attribute set definitions. You can apply these style class names to <p>, <inline>, or <table> elements while laying out the Zen <report> in the XData ReportDisplay block, as shown in the discussion of the <report> style attribute.
<xsl:attribute-set name='p.banner1'>
    <xsl:attribute name='color'>darkblue</xsl:attribute>
    <xsl:attribute name='font-family'>Arial</xsl:attribute>
    <xsl:attribute name='border-bottom'>1pt solid darkblue</xsl:attribute>
    <xsl:attribute name='font-size'>24pt</xsl:attribute>
    <xsl:attribute name='font-weight'>bold</xsl:attribute>
</xsl:attribute-set>
 
<xsl:attribute-set name='inline.banner1'>
    <xsl:attribute name='color'>darkblue</xsl:attribute>
    <xsl:attribute name='font-family'>Arial</xsl:attribute>
    <xsl:attribute name='border-bottom'>1pt solid darkblue</xsl:attribute>
    <xsl:attribute name='font-size'>24pt</xsl:attribute>
    <xsl:attribute name='font-weight'>bold</xsl:attribute>
</xsl:attribute-set>
 
<xsl:attribute-set name='table.table1'>
    <xsl:attribute name='border'>none</xsl:attribute>
</xsl:attribute-set>
    <xsl:attribute-set name='th.table1'>
        <xsl:attribute name='text-align'>right</xsl:attribute>
        <xsl:attribute name='font-weight'>bold</xsl:attribute>
    </xsl:attribute-set>
    <xsl:attribute-set name='td.table1'>
        <xsl:attribute name='text-align'>left</xsl:attribute>
    </xsl:attribute-set>  
  
<xsl:attribute-set name='table.table2'>
</xsl:attribute-set>
    <xsl:attribute-set name='th.table2'>
        <xsl:attribute name='border'>1pt solid gray</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
        <xsl:attribute name='background-color'>#e0e0e0</xsl:attribute>
        <xsl:attribute name='font-weight'>normal</xsl:attribute>
    </xsl:attribute-set>
    <xsl:attribute-set name='td.table2'>
        <xsl:attribute name='font-weight'>bold</xsl:attribute>
        <xsl:attribute name='border'>1pt solid gray</xsl:attribute>
    </xsl:attribute-set>
  
<xsl:attribute-set name='table.table3'>
    <xsl:attribute name='border'>none</xsl:attribute>
</xsl:attribute-set>
    <xsl:attribute-set name='th.table3'>
        <xsl:attribute name='border'>none</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
        <xsl:attribute name='font-weight'>bold</xsl:attribute>
    </xsl:attribute-set>
    <xsl:attribute-set name='td.table3'>
        <xsl:attribute name='border'>none</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
        <xsl:attribute name='font-weight'>normal</xsl:attribute>
    </xsl:attribute-set>
  
<xsl:attribute-set name='table.table4'>
    <xsl:attribute name='border'>1pt solid gray</xsl:attribute>
</xsl:attribute-set>
    <xsl:attribute-set name='th.table4'>
        <xsl:attribute name='border'>none</xsl:attribute>
        <xsl:attribute name='color'>white</xsl:attribute>
        <xsl:attribute name='background-color'>#6f6fff</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
        <xsl:attribute name='font-weight'>bold</xsl:attribute>
    </xsl:attribute-set>
    <xsl:attribute-set name='td.table4'>
        <xsl:attribute name='border'>none</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
        <xsl:attribute name='font-weight'>normal</xsl:attribute>
    </xsl:attribute-set>
  
<xsl:attribute-set name='table.table5'>
    <xsl:attribute name='border'>none</xsl:attribute>
</xsl:attribute-set>
    <xsl:attribute-set name='th.table5'>
        <xsl:attribute name='border'>none</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
        <xsl:attribute name='font-weight'>normal</xsl:attribute>
        <xsl:attribute name='background-color'>#bbbbff</xsl:attribute>
        <xsl:attribute name='border-top'>1.5pt solid black</xsl:attribute>
        <xsl:attribute name='border-bottom'>1.5pt solid black</xsl:attribute>
    </xsl:attribute-set>
    <xsl:attribute-set name='td.table5'>
        <xsl:attribute name='border'>none</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
        <xsl:attribute name='font-weight'>normal</xsl:attribute>
        <xsl:attribute name='line-height'>150%</xsl:attribute>
    </xsl:attribute-set>
  
<xsl:attribute-set name='table.grid'>
    <xsl:attribute name='border'>none</xsl:attribute>
</xsl:attribute-set>
    <xsl:attribute-set name='th.grid'>
        <xsl:attribute name='border'>1pt solid black</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
        <xsl:attribute name='font-weight'>bold</xsl:attribute>
    </xsl:attribute-set>
    <xsl:attribute-set name='td.grid'>
        <xsl:attribute name='border'>1pt solid black</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
        <xsl:attribute name='font-weight'>normal</xsl:attribute>
    </xsl:attribute-set>
  
<xsl:attribute-set name='table.invisible'>
    <xsl:attribute name='border'>none</xsl:attribute>
</xsl:attribute-set>
    <xsl:attribute-set name='th.invisible'>
        <xsl:attribute name='border'>none</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
    </xsl:attribute-set>
    <xsl:attribute-set name='td.invisible'>
        <xsl:attribute name='border'>none</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
    </xsl:attribute-set>
    
<xsl:attribute-set name='table.numeric'>
</xsl:attribute-set>
    <xsl:attribute-set name='th.numeric'>
        <xsl:attribute name='text-align'>right</xsl:attribute>
        <xsl:attribute name='border'>1pt solid gray</xsl:attribute>
        <xsl:attribute name='text-align'>left</xsl:attribute>
        <xsl:attribute name='background-color'>#e0e0e0</xsl:attribute>
        <xsl:attribute name='font-weight'>normal</xsl:attribute>
    </xsl:attribute-set>
    <xsl:attribute-set name='td.numeric'>
        <xsl:attribute name='font-weight'>bold</xsl:attribute>
        <xsl:attribute name='border'>1pt solid gray</xsl:attribute>
        <xsl:attribute name='text-align'>right</xsl:attribute>
    </xsl:attribute-set>
Whether or not you use the predefined styles, you may define custom style classes using the <class> element and apply them to elements in a Zen report using the class attribute.