Versions Compared

Key

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

...

The following key shows the different sections
key to feature listand how the relate to the SakaiAdminX webapp:

HTML Table
classconfluenceTable
Table Row (tr)
Table Head (th)
classconfluenceTh

Coloured box

Table Head (th)
classconfluenceTh

Section

Table Head (th)
classconfluenceTh

Where to look

Table Row (tr)
Table Cell (td)
bgcolor#ffff00
classconfluenceTd

yellow

Table Cell (td)
classconfluenceTd

Header

Table Cell (td)
classconfluenceTd

header.jspf

Table Row (tr)
Table Cell (td)
bgcolor#ff00ff
classconfluenceTd

fuchsia

Table Cell (td)
classconfluenceTd

Side navigation

Table Cell (td)
classconfluenceTd

sidebarsidemenu.jspf

Table Row (tr)
Table Cell (td)
bgcolor#0000ff
classconfluenceTd

navy

Table Cell (td)
classconfluenceTd

Footer

Table Cell (td)
classconfluenceTd

footer.jspf

Table Row (tr)
Table Cell (td)
bgcolor#00ff00
classconfluenceTd

green

Table Cell (td)
classconfluenceTd

Main content

Table Cell (td)
classconfluenceTd

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.