Chapter 45
Global Themes
This chapter contains the following sections:
What is a Theme?
The Desktop theme provides the capability of creating a customizable user interface that allows the end users to select different look and feel for their Desktop.
The definition of a theme in Sun Java System Portal Server software Desktop is a collection of user interface attributes that are used in the markup output from the Desktop. The attributes can be colors, fonts, and images. Out of the box, there are eight themes that come with the sample portal and each theme contains thirty eight (38) attributes.
GlobalThemes Display Profile Definition
The display profile document, PortalServer-base/samples/desktop/dp-org.xml file, contains the XML fragment for the eight default themes. See this file for the definition of these themes. See the Sun Java System Portal Server Desktop Customization Guide for more information on customizing the Global Themes.
Theme Properties
The following is a list of theme properties that can be defined, modified, and/or customized in the display profile document. Please reference to the Glossary of Terms for more detailed description for the theme properties.
In the following table, column one lists the theme property name and column two provides a brief description of the corresponding theme property.
activeBulletImage
|
activeBulletGraphics
|
inactiveBulletImage
|
inactiveBulletGraphics
|
brandImage
|
logo image
|
brandImage2
|
Product name image
|
brandImageBgColor
|
header logo bg color
|
brandImage2BgColor
|
header product name bg color
|
brandBgColor
|
header link box bg color
|
headerBgColor
|
header bg color and footer bg color
|
headerFontColor
|
header font color
footer font color
|
headerText
|
header font size
footer font size
header font face
footer font face
|
tabNotchImage
|
tabNotch image
|
titleText
|
selected tab font face
selected tab font size
unselected tab font face
unselected tab font size
channel title font face
channel title font size
|
titleFontColor
|
selected tab font color
channel title font color
|
fontSize
|
channel font size
channel link font size
|
fontFace
|
channel font face
channel link font face
|
titleBarColor
|
selected tab bg color
channel title bar bg color
content/layout bar color
channel border color
page piping color (bottom)
button bg color
|
borderColor
|
tabColor
|
unselected tab bg color
secondary channel title bar color
|
tabFontColor
|
unselected tab font color
|
bgColor
|
channel bg color
|
fontColor
|
channel font color
|
borderWidth
|
channel border width
|
tableBgColor
|
table bg color
page piping, top
|
channelHightlightColor
|
highlight color for channel content (as seen in the Placida theme JSP channel)
|
linkSeparatorColor
|
link separator color (in the toolbar, between Content and Layout)
footer link separator color
|
channelLinkColor
|
channel link color
|
contentLayoutLinkColor
|
content/layout link color
|
contentLayoutText
|
content/layout link font size
content/layout link font face
|
brandImageWidth
|
brand image width
|
previewImage
|
preview image (on preset themes page)
|
removeImage
|
remove image (for the channel title bar)
|
detachImage
|
detach image (for the channel title bar)
|
helpImage
|
help image (for the channel title bar)
|
editImage
|
edit image (for the channel title bar)
|
minimizeImage
|
minimize image (for the channel title bar)
|
maximizeImage
|
maximize image (for the channel title bar)
|
normalizeImage
|
normalize image (in the maximized channel)
|
attachImage
|
attach image (in the popup window)
|
Glossary of Terms
The following table give some detailed description of where the theme attributes are actually used in the desktop.
Table 45-1 Glossary of Terms
Term
|
Description
|
Header
|
The banner area at the top of the portal page. Contains the branding and the global links.
|
Bullet graphics
|
The “dot” graphics that go next to the global links in the header
|
Logo, product name, link
|
The three areas in the header for the Sun theme
|
Footer
|
The narrow banner at the bottom of the portal page. Contains the global links
|
Tab notch
|
The graphic that goes in the upper left corner of the tab table cells
|
Selected tab
|
The tab whose contents are displayed
|
Unselected tab
|
The other tabs whose contents are not seen
|
Content/layout bar
|
The tool bar underneath the tabs that contains the content and layout links
|
Channel
|
The data containers displayed inside each tab
|
Page piping
|
The narrow bands of color at the top and bottom of the portal page
|
Table background
|
The areas the channels sit in
|
Highlight color for channel content
|
A contrasting color for tables inside channels
|
Secondary channel title bar
|
An extra color bar beneath the standard channel title bar
|
Link separator
|
A pipe used between links in the content/layout bar
|