Contained WithinFind More DocumentationFeatured Support Resources |  Download this book in PDF (1087 KB)
Chapter 2 Customizing General Features in Messenger ExpressThis chapter describes how to customize the general features of Messenger Express. This chapter contains the following sections: Modifying the Login ScreenThis section describes how to modify the Messenger Express Login screen shown in Modifying the Login Screen. Figure 2–1 Sun Java System Messenger Express Login Screen.
You can modify the following on the Sun Java System Messenger Express Login screen:
To Modify the Login ScreenTo modify the Login Screen, edit the lang/default.html file. Customize the user interface by editing the body of lang/default.html. Functionally, lang/default.html contains three forms, two visible and one hidden:
Note – lang is the language specific file that you need to edit. Example—Login Screen ModificationsThe example shown in Example—Login Screen Modifications replaces the Sun logo with a custom graphic and adds an advertisement banner with a link. Figure 2–2 Example Login Screen Modifications
Example—Login Screen Modifications shows the Login screen HTML before editing the en/default.html file to customize the Login screen. Example—Login Screen Modifications Example 2–1 Before Altering Login Screen Features
Example—Login Screen Modifications shows the changes to be made in the en/default.html file to replace the Sun logo with a custom graphic and add an advertisement banner with a link in the Login screen. Example 2–2 After Altering Login Screen Features
Modifying Color SetsThis section describes how to modify the Sun Java System Messenger Express user interface color sets shown in Modifying Color Sets. Figure 2–3 Sun Java System Messenger Express Color Sets
You can customize the default color sets for the Sun Java System Messenger Express user interface to change items such as the title bar, tab outlines, and column headers. To Modify Color Sets in the User InterfaceTo modify color sets in the user interface, edit the ui[] array definitions near the top of the main.js file. The function refreshColorSet() in main.js sets the color scheme of the user interface to color values such as chrome1 and accent2. These color values are used by the rest of the display functions in main.js. See refreshColorSet() in main.js for the translation of the ui[] elements to the color values. The ui[] array can have as many rows as desired. Additional color themes are displayed on the preferences page as new rows are defined in main.js. The user’s JavaScript application will not start when the rows are deleted from the definition script with the user preferences still pointing to a higher color table index than exists in the ui[] array. See Modifying Color Sets for the color index of ui[] controls. Table 2–1 Contains the color index of ui[] controls, their names and what they determine
Example—Color Sets ModificationsThe example shown in Example—Color Sets Modifications customizes the default color set ui[0] to have accent1 color maroon, chrome4 color navy blue, and chrome5 color silver. Figure 2–4 Example Color Sets Modifications
Example—Color Sets Modifications shows the necessary changes to be made in the file main.js. Example 2–3 Altering Color Sets
Modifying the Logo and LinkThis section describes how to modify the Sun Java System Messenger Express corner logo and link shown in Modifying the Logo and Link. Figure 2–5 Sun Java System Messenger Express Corner Logo and Link
You can modify the following on the Sun Java System Messenger Express corner logo and link:
To Modify the Logo and LinkTo modify the logo and link, edit the function toolFrame() in the main.js file. Example—Logo ModificationThe example shown in Example—Logo Modification replaces the Sun logo with a custom logo having different dimensions. Figure 2–6 Example Corner Logo
Example—Logo Modification shows the necessary changes to be made in file default.html for replacing the Sun logo SunONE.jpg with a custom logo siroe.gif. Example 2–4 Replacing the Sun logo with a custom logo.
Example—Logo Modification shows the necessary changes to be made in file default.html for changing the link to the new URL for siroe.com. Example 2–5 Changes to be made in the file default.html for changing the link to the new URL to siroe.com
Modifying the Title Graphics and TextExample 2–6 Changes to be made in file default.html for changing the link to the new URL for siroe.com.
This section describes how to modify the title graphic and the text shown in Modifying the Title Graphics and Text. Figure 2–7 Sun Java System Messenger Express Title Text
You can modify the following on the Sun Java System Messenger Express title graphic and text:
To Modify the Title Graphic and TextTo customize the layout of the title text, edit the function toolFrame() in the main.js file. Example—Title Text ModificationThe example shown in Example—Title Text Modification customizes the text to “Inbox for user.” Figure 2–8 Example Title Text Modification
Example—Title Text Modification shows the necessary changes to be made in file main.js to alter the graphic title. Example 2–7 Altering Graphic Title
Example—Title Text Modification shows the necessary changes to be made file en/i18n.js to alter the title text. Example 2–8 Altering Title Text
Inserting Banners and LinksThis section describes how to insert advertisement banners and links on the Sun Java System Messenger Express user interface shown in Inserting Banners and Links. Figure 2–9 Example Inserting Common Banner and Link
You can modify the following on the Sun Java System Messenger Express user interface:
|
To Insert Banner and Link
function toolFrame() {
if (isRefreshing())
return ’’
....
tab(i18n[’options’], state == ’options’, ’selectOptions()’) +
’<td width=50%\>’ + nbsp + ’</td\>\\n’ +
’</tr\></table\>\\n’ +
’</td\>\\n’ +
’</tr\></table\>\\n’ +
getBreadCrumb() +
mailFrame.getToolbar() + ’</form\>’
}
|
Example—Inserting Banners and Links shows how to insert a banner and link to the main.js file.
Example 2–10 After Inserting a Banner and Link
function toolFrame() {
if (isRefreshing())
return ’’
....
tab(i18n[’options’], state == ’options’, ’selectOptions()’) +
’<td width=50%\>’ + nbsp + ’</td\>\\n’ +
’</tr\></table\>\\n’ +
’</td\>\\n’ +
’</tr\>
<tr\><td width=100% bgcolor=’+main.chrome1+’ align=center\>
<a href=”http://www.sesta.com”\>
<img src="imx/ad.gif" width=200
height=25\></a\></td\></tr\>
</table\>\\n’ + getBreadCrumb() +
mailFrame.getToolbar() + ’</form\>’
}
|
Example—Inserting Banners and Links shows the code before inserting banner and link to the Inbox screen, in mbox_fs.html file.
Example 2–11 Before Inserting Banner and Link to the Inbox Screen
function getToolbar() {
var s
var enable = main.sortid.length \> 0
s = ’<table border="0" cellpadding="0" cellspacing="0"\>\\n’ +
’<TR\><TD colspan=42\><IMG src="imx/spacer.gif" width="1"
height="8"\></TD\></TR\>’+
’<tr align="center"\>\\n’ +
’<td width="10"\> </td\>\\n’ + ’<td align="center" nowrap\>’
+ main.font(1) +
main.folderSelectionBreadCrumbs(’folderList’,’
main.selectMbox(options[selectedIndex].value);
selectedIndex=0’,
|
Example—Inserting Banners and Links shows how to insert a banner and link to the Inbox screen by editing mbox_fs.html. The banner and link are displayed only on the Inbox screen.
Example 2–12 After Inserting Banner and Link to the Inbox Screen
function getToolbar() {
var s
var enable = main.sortid.length \> 0
s = ’<table border="0" cellpadding="0" cellspacing="0"\>\\n’ +
’<TR\><TD width=100% align=center\>’+
’<img src="imx/spacer.gif" width="405" height=1\>
<a href =”http://www.siroe.com”\><img src="imx/banner.gif"
width=200 height=35\></a\></td\></tr\>’+
’<tr align="center"\>\\n’ +
’<td width="10"\> </td\>\\n’ + ’<td align="center" nowrap\>’
+ main.font(1) +
main.folderSelectionBreadCrumbs(’folderList’,
’main.selectMbox(options[selectedIndex].value);
selectedIndex=0’,
....
|