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. Dashboard
{styleclass: Class=topLink} [top|#top] {styleclass}
||Option||Value Description||
|Background Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|

h3. {expand:title=Example}
!01dashBack.png!
{expand}


h2. Dashboard Filters
{styleclass: Class=topLink} [top|#top] {styleclass}
||Option||Value Description||
|Background Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|

{color:#CC0000}*Note:*{color}

h3. {expand:title=Example}
!01background.png!
{expand}


h2. Filter Titles
{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|
|Title Style|Define font styles of *Bold*, _Italic_, +Underlined+|

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


h2. Filter Group Title
{styleclass: Class=topLink} [top|#top] {styleclass}
||Option||Value Description||
|Background Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|
|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|
|Title Style|Define font styles of *Bold*, _Italic_, +Underlined+|

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


h2. Dashboard Tabs
{styleclass: Class=topLink} [top|#top] {styleclass}
||Option||Value Description||
|Tab Top Margin Background Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Tab Top Margin Height|Provide a value, size in pixels|
|Tab Background Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|
|Tab Image Height|Provide a value, size in pixels|
|Tab Divider Colour|Use the colour picker to select a colour, or enter a HEX code for the required colour|	
|Tab Bottom Margin Height|Provide a value, size in pixels|

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


h2. Dashboard Portlets
{styleclass: Class=topLink} [top|#top] {styleclass}
||Option||Value Description||
|Portlet Border Style||	
|Portlet Background Colour||	
|Portlet Tab Images|On   Off|
|Portlet Title||
|Portlet Title Background Colour||
|Portlet Action Buttons|On   Off|

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

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