Information
This guide will show you how to go about customising SakaiAdminX for your own use.
Once you get SakaiAdminX up and running (or if you take a look at the screenshots) you will notice that SakaiAdminX is branded for the Centre for e-Science at Lancaster University, UK. Sooner or later you will want to change that!
SakaiAdminX
The following image shows a rough breakdown of the various sections to the SakaiAdminX template:
The following key shows the different sections and how the relate to the SakaiAdminX webapp:
Header | header.jspf | |
Side navigation | sidemenu.jspf | |
Footer | footer.jspf | |
Main content | Each .jsp defines the content for this section |
In order to skin SakaiAdminX successfully, you will need to use Firefox and the Firebug plugin to show the structure in more detail.
Styles
For most pages, header.jspf defines most of the styles with the exception of the modal windows which have a single body{} override to give them the blue shaded background.
The header.jspf also sets up most of the structure.
The sidemenu.jspf is included by header.jspf and renders the side navigation as well as the branded box at the bottom of the menu.
The footer.jspf is included by every page and closes off the main page divs, as well as outputting some of its own branded content.
The tag library
The taglibrary wraps up some common functionality into single tags, ie the <e:footer /> tag simply outputs '</body></html>'.
Some other tags also have their own styles applied to them by default. The source code to the taglibrary is readily available and it is all documented.