| Project: | Global Asset Management |
| Client: | UBS |
| Date: | 31-Jul-2007 |
| Version: | 1.0 |
| Graphics By: | Megan Gibbons & Rich Wood |
| Scripts By: | John Palmisano & Peter Conrad |
| Prototype By: | John Palmisano |
| HTML Screens | |
 |
Account Details No description available at this time. |
 |
Account Details 2 No description available at this time. |
 |
Search Account Structures Template No description available at this time. |
 |
Client Details No description available at this time. |
 |
Node Details No description available at this time. |
 |
Node Details (Expanded) No description available at this time. |
 |
Account Selector No description available at this time. |
| Error Screens | |
 |
Error Example 1 General Error message & individual errors on Node Details 2 screen. |
 |
Error Example 2 Individual errors on Node Details 1 screen. |
| Browser Dimension Tests | |
 |
#1 Shows what content will be displayed under widths of 640, 800, 1024, & 1280. The red line is what will fit in the browser (IE) when maximized when a vertical (right side) scrollbar is displayed. the grey line shows the same scenario when the scrollbar is not displayed. |
|
#2 Shows what will fit into a 1024 x 768 browser (IE) window. |
|
#3 (Combined) Comination of the above two tests. |
| Screen Details | |||||
;)
- color - font - image
|
|||||
| Description | Hex | R | G | B | |
|
1
|
Main navigation (selected) | #114677 | 17 | 70 | 119 |
|
2
|
Main navigation spacer (selected tab) | #7d97b0 | 125 | 151 | 176 |
|
3
|
Main navigation (non-selected tabs) | #eff2f5 | 239 | 242 | 245 |
|
4
|
Main navigation spacer | #f8f9fa | 248 | 249 | 250 |
|
5
|
Sub navigation spacer (selected tab) | #f7f9fb | 247 | 249 | 251 |
|
6
|
Sub navigation background | #d7e0e9 | 215 | 224 | 233 |
|
7
|
Portal link (class: portal_link_red; 11px Verdana) | #ed1b24 | 237 | 27 | 36 |
|
8
|
Utility links & dividers (class: portal_link_blue; 11px Verdana) | #1c4977 | 28 | 73 | 119 |
|
9
|
Welcome text & date/time (class: userlogininfo; 13px Verdana) | #cccccc | 204 | 204 | 204 |
|
10
|
Workflow numbers: Green (class: green; 11px Verdana bold) | #006600 | 0 | 102 | 0 |
| Workflow numbers: Amber (class: amber; 11px Verdana bold) | #ebab00 | 235 | 117 | 0 | |
| Workflow numbers: Red (class: red; 11px Verdana bold) | #ff0000 | 255 | 0 | 0 | |
|
11
|
Page text (11px Verdana) | #1c4977 | 28 | 73 | 119 |
|
12
|
Scrollbars: scrollbar-base-color | #bccddd | 188 | 205 | 221 |
| Scrollbars: scrollbar-arrow-color | #1c4977 | 28 | 73 | 119 | |
| Scrollbars: scrollbar-3dlight-color | #ffffff | 255 | 255 | 255 | |
| Scrollbars: scrollbar-highlight-color | #1c4977 | 28 | 73 | 119 | |
| Scrollbars: scrollbar-face-color | #bccddd | 188 | 205 | 221 | |
| Scrollbars: scrollbar-shadow-color | #006699 | 0 | 102 | 153 | |
| Scrollbars: scrollbar-darkshadow-color | #e2ebf2 | 226 | 235 | 242 | |
| Scrollbars: scrollbar-track-color | #eff3f6 | 239 | 243 | 246 | |
|
13
|
Headers (class: H1; 13px Verdana bold) | #1c4977 | 28 | 73 | 119 |
|
14
|
Links (13px Verdana) | #1c4977 | 28 | 73 | 119 |
| Links: visited | #1c4977 | 28 | 73 | 119 | |
| Links: active | #ff0000 | 255 | 0 | 0 | |
| Links: hover | #1c4977 | 28 | 73 | 119 | |
|
15
|
Column headers | #eff3f6 | 239 | 243 | 246 |
|
16
|
Content rows (main) | #f8f9fb | 248 | 249 | 251 |
|
17
|
Content rows (details) | #ffffff | 255 | 255 | 255 |
|
17
|
Status images (circle_green.gif, circle_amber.gif, circle_red.gif) (oops...used 17 twice!)
|
n/a | - | - | - |
|
18
|
Table borders | #abbbcc | 171 | 187 | 204 |
|
19
|
Table borders | #e2ebf2 | 226 | 235 | 242 |
|
20
|
UBS logo (logo_ubs_globalassetmanagem.gif) | n/a | - | - | - |
|
21
|
Sub utility link icons (icon_templates.gif, icon_history.gif, icon_audit.gif) | n/a | - | - | - |
|
22
|
Account icons (icon_lock.gif, icon_drafts.gif, icon_notes.gif) | n/a | - | - | - |
|
23
|
Expand/collapse icons (expand.gif, collapse.gif) | n/a | - | - | - |
| Scripts | |||||
| Script | Type | Description | |||
| unittest.js | JavaScript | Used on Account Details screen; shows/hides attributes. | |||
| builder.js | JavaScript | Used on Account Details screen; shows/hides attributes. | |||
| controls.js | JavaScript | Used on Account Details screen; shows/hides attributes. | |||
| dragdrop.js | JavaScript | Used on Account Details screen; shows/hides attributes. | |||
| effects.js | JavaScript | Used on Account Details screen; shows/hides attributes. | |||
| slider.js | JavaScript | Used on Account Details screen; shows/hides attributes. | |||
| prototype.js | JavaScript | Used on Account Details screen; shows/hides attributes. | |||
| scriptaculous.js | JavaScript | Used on Account Details screen; shows/hides attributes. | |||
| UBS_MAD.js | JavaScript | Used on Account Details screen; shows/hides attributes. | |||
| prototype.js | JavaScript | Used on Node Details screen; shows/hides columns. | |||
| scriptaculous.js | JavaScript | Used on Node Details screen; shows/hides columns. | |||
| UBS_ND.js | JavaScript | Used on Node Details screen; shows/hides columns. | |||