Qfiniti 3.0 Teams Style Guide February 17, 2005
Contents Team Members 3-10 Team Access Team Memberships Classifications Classifications Dialogs Aliases Aliases Dialog Additional Info Teams 11-14 Team Access Detail Icons Detail Imagery Views/Organization 15-16 Drop Down Menu Right-click Menus Roles 17-19 Permissions Show All Classifications 20-21 List Value Dialog
Team Members - Sub Headers: Verdana bold, 9 pt 235, 239, 244 6 px 225, 230, 235 12 px 1 15 px 8 px 1 32, 64, 128 23 px 130, 157, 191 5 px splitter bar 99, 152, 229 border 51, 102, 153 240, 243, 247 202, 206, 214 right align Page 3
Team Members - Team Access Sub Headers: Verdana bold, 9 pt 235, 239, 244 1 15 px 8 px 1 32 px 21 px 21 px 23 px 130, 157, 191 Sort available in future if component supports it. 247, 249, 252 22 px 5 px 5 px 240, 243, 247 110, 133, 167 Page 4
Team Members- Team Memberships Sub Headers: Verdana bold, 9 pt 235, 239, 244 1 8 px 1 15 px 21 px 21 px 32 px 23 px 130, 157, 191 Sort available in future if component supports it. 247, 249, 252 22 px 5 px 5 px 240, 243, 247 110, 133, 167 Page 5
Team Members- Classifications Sub Headers: Verdana bold, 9 pt 235, 239, 244 1 8 px 1 15 px 21 px 21 px 32 px 23 px 130, 157, 191 Sort available in future if component supports it. 51, 102, 255 bottom align 22 px 5 px5 px 240, 243, 247 5 px 241, 245, 250 249, 251, 253 110, 133, 167 247, 249, 252 Page 6
New Team Member - Classification dialogs 150 px 15 px center 394 px 394 px center align 424 px 15 px 424 px Page 7
Team Members- Aliases Sub Headers: Verdana bold, 9 pt 235, 239, 244 1 15 px 8 px 1 30 px 5 px 23 px 130, 157, 191 Sort available in future if component supports it. Buttons launch dialog. See next page for details 240, 243, 247 249, 251, 253 241, 245, 250 Page 8
Team Members - Alias dialog 222 px 15 px 334 px align text baseline 15 px 366 px Page 9
Team Members - Additional Information Sub Headers: Verdana bold, 9 pt 235, 239, 244 1 15 px 8 px 1 23 px 130, 157, 191 5 px align 372 px align 240, 243, 247 Page 10
Teams - rollover: 51, 102, 204 235, 239, 244 1 5 px 240, 243, 247 Page 11
Teams - Team Access rollover: 51, 102, 204 235, 239, 244 1 32 px 21 px 21 px Sort available in future if component supports it. 22 px 241, 245, 250 249, 251, 253 5 px 5 px Page 12
Detail Icons VSS\Graphics\Final\Global\Icons icn_prompt_recorded_16x16.png icn_no_prompt_recorded_16x16.png icn_next_arrow_16x16.png icn_prev_arrow_16x16.png icn_prev_arrow_16x16.png icn_next_arrow_16x16.png Page 13
Detail Imagery VSS\Graphics\Final\Features\Teams Components within the Teams features reuse the same imagery. classification_quickfindbar_left.png classification_quickfindbar_right.png column_header_left.png classification_quickfindbar_tile rgb: category_footer.png rgb: 240, 243, 247 Page 14
Views/Organization - Dropdown Menus hot area: 20 X 1 px frame: 51, 102, 153 hot area: 20 X splitter bar: 3px 225, 230, 235 6 px 6 px 3 px 225, 230, 235 1 px frame: 51, 102, 153 225, 230, 235 focus area: 51, 102, 204 Page 15
Views/Organization - Right-Click Menus hot area: 20 X 1 px frame: 51, 102, 153 hot area: 20 X focus area: 51, 102, 204 6 px splitter bar: 3px 225, 230, 235 6 px 3 px border: 225, 230, 235 1 px frame: 51, 102, 153 border: 225, 230, 235 focus-away area: 224, 223, 227 focus area: 51, 102, 204 Page 16
Roles - Sub Headers: Verdana bold, 9 pt 44 px 12 px 1 1 1 5 px 130, 157, 191 5 px 45 px 2 1 default 32, 64, 128 Text should right align; text should left align. If labels must expand beyond 1, shift right and keep aligned. Sub Headers: Tahoma bold, 9 pt 18 px 240, 243, 247 1 Page 17
Roles - Permissions Sub Headers: Verdana bold, 9 pt 44 px 12 px 1 1 1 5 px 21 px 130, 157, 191 32 px Sort available in future if component supports it. 21 px 247, 249, 252 18 px 5 px 5 px 240, 243, 247 110, 133, 167 1 Tahoma bold, 8pt 38, 54, 86 Page 18
Roles - Show All When the Show all check box is selected, all grids should expand to accomodate the total number of items within that list. (There should not be a scrollbar within any grids.) Sub Headers: Verdana bold, 9 pt 12 px 6 px 1 1 1 5 px 130, 157, 191 225, 230, 235 32 px 25 px splitter bar 99, 152, 229 border 51, 102, 153 18 px 5 px 5 px 240, 243, 247 247, 249, 252 bottom align 1 Page 19
Defining Classifications - General The information displayed (or not displayed) below the Type field is dependent upon the user s selection. If Constant is selected, it will appear as below. If user-defined is selected, 2 other text fields will appear. If List is selected, a grid will appear in which to add values. rollover: 51, 102, 204 Fields below Type dropdown change depending on the type selected 255, 255, 255 1 Type: Checkbox disabled 1 default Text should right align; text should left align. If labels must expand beyond 1, shift right and keep aligned. Prev/Next buttons disabled Page 20
Team Member Classifications - List Value Dialog When the user clicks the Add button, a blank text field will appear in which to type a name. Clicking OK will add the name to the list and close the dialog. Clicking Add will add the name to the list, and then clear the text field for the user to type another name. If a value in the list is selected and the user clicks the Edit button, the name of the value will appear in the name field. After editing they can click OK to close the dialog and update the list, or Add to update the value in the list and clear the field to create a new one. If no item in the list is selected, the edit and delete buttons will be disabled. rollover: 51, 102, 204 Fields below Type dropdown change depending on the type selected 255, 255, 255 1 Type: Checkbox disabled Page 21