Page Comparison

{anchor:top}
{toc: class=contents}
h2. Overview
{styleclass: Class=topLink} [top|#top] {styleclass}
Yellowfin has some styling options available through Administration. These options allow you to define the default styles of content, rather than system components. 

!overview.png|thumbnail,border=1!


h2. Report Title
{styleclass: Class=topLink} [top|#top] {styleclass}
||Option||Value Description||
|Title Font|Define the following settings:
# Select a font from the available drop down list
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour
# Define font styles of *Bold*, _Italic_, +Underlined+
# Choose the text alignment from Left, Centre, Right|
|Description Font|Define the following settings:
# Select a font from the available drop down list
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour
# Define font styles of *Bold*, _Italic_, +Underlined+
# Choose the text alignment from Left, Centre, Right|
|Border Style|Select the border line style from the drop down list|
|Border|Define the following settings if a Border Style other than None was selected:
# Select a thickness from the drop down list
# Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Background|Use the colour picker to select a colour, or enter a HEX code for the required colour. Use the colour picker to select a colour, or enter a HEX code for the required colour|

h3. {expand:title=Example}
!02reportTitle.png!
{expand}


h2. Column Heading
{styleclass: Class=topLink} [top|#top] {styleclass}
||Option||Value Description||
|Font|Define the following settings:
# Select a font from the available drop down list
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Style|Define the following settings:
# Define font styles of *Bold*, _Italic_, +Underlined+
# Choose the text alignment from Left, Centre, Right|
|Background Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|

h3. {expand:title=Example}
!03columnTitle.png!
{expand}


h2. Data
{styleclass: Class=topLink} [top|#top] {styleclass}
||Option||Value Description||
|Font|Define the following settings:
# Select a font from the available drop down list
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Style|Define font styles of *Bold*, _Italic_, +Underlined+|
|Row Shading|Select from same, or alternating. If alternating is selected, you will need to specify an alternate colour using the colour picker or providing a HEX code|
|Row Highlight|Use the colour picker to select a colour, or enter a HEX code for the required colour|

h3. {expand:title=Example}
!04data.png!
{expand}


h2. Section Title
{styleclass: Class=topLink} [top|#top] {styleclass}
||Option||Value Description||
|Font|Define the following settings:
# Select a font from the available drop down list
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Style|Define the following settings:
# Define font styles of *Bold*, _Italic_, +Underlined+
# Choose the text alignment from Left, Centre, Right|
|Background Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|

h3. {expand:title=Example}
!05section.png!
{expand}


h2. Header & Footer
{styleclass: Class=topLink} [top|#top] {styleclass}
||Option||Value Description||
|Header|Define the contents of the Left, Centre, and Right panels in the Header by entering text or using the following buttons:
{panel:bgColor=white|borderColor=white}
# Page Number - returns a number for each page within the report
# Title - returns the title of the report
# Description - returns the description of the report
# Date - returns the date the report was run
# Time - returns the time the report was run
# Logo - adds the company logo. This is specified through Administration.
# Image - allows you to add an image from a drop down list. Images are defined through Administration.
{panel}
{color:#CC0000}*Note:*{color} in order to add these items to the panels in the header, you must first click in the panel box you wish to add to, then click on the button of the item. You should then see something added to the panel box. If the box remains blank it was not correctly selected.|
|Footer|Define the contents of the Left, Centre, and Right panels in the Footer by entering text or using the buttons available for the Header (outlined above)
{color:#CC0000}*Note:*{color} in order to add these items to the panels in the footer, you must first click in the panel box you wish to add to, then click on the button of the item. You should then see something added to the panel box. If the box remains blank it was not correctly selected.|
|Font|Define the following settings:
# Select a font from the available drop down list
# Enter a font size (in px)
# Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Style|Define font styles of *Bold*, _Italic_, +Underlined+|

h3. {expand:title=Example}
!06headerFooter.png!
{expand}


h2. Report Summary
{styleclass: Class=topLink} [top|#top] {styleclass}
||Option||Value Description||
|Default Chart Colour|Define the colour to be used in Report Summary charts.|

\\
\\
{horizontalrule}
{styleclass: Class=topLink} [top|#top] {styleclass}