Like what you see? Have a play with our trial version.

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents
classcontents

Overview


Styleclass
ClasstopLink

Custom Header & Footer

Yellowfin can be integrated into existing or new applications by removing or replacing the Header and Footer panels. This also allows you to build in your own navigation into customised panels.

...

The footer is located at the bottom of the page, and is centred on the Dashboard if the dashboard position is set to Centre:

Simple Styling


Styleclass
ClasstopLink

Custom Header & Footer

If you wish to create a quick, temporary custom header & footer, simply replace the following images in the Yellowfin ROOT customimages directory (Yellowfin\appserver\webapps\ROOT\customimages) with your customised versions:

...

Component

Standard

Custom

Full Header

Full Footer*

Image Removed

Image Added

logo.svg

logoFooter.svg

 * You will notice that the text in the footer references Yellowfin; if you wish to remove or customise this, you must use Complete Styling.


Complete Styling


Styleclass
ClasstopLink

Custom Header & Footer


Instructions

The included HTML should be a fragment, suitable for including inline within another HTML page, rather than it being a full HTML document itself. That is, it should NOT contain <HTML>, <HEAD>, or <BODY> tags. Remember that any links inside the HTML will be relative to the Yellowfin page. It is recommended to use absolute HTML links.

...

Component

Standard

Custom

Full Page

 


horizontalrule

Styleclass
ClasstopLink

Custom Header & Footer

...