Qfiniti 3.0 Teams Style Guide. February 17, 2005

Transcription

1 Qfiniti 3.0 Teams Style Guide February 17, 2005

2 Contents Team Members 3-10 Team Access Team Memberships Classifications Classifications Dialogs Aliases Aliases Dialog Additional Info Teams Team Access Detail Icons Detail Imagery Views/Organization Drop Down Menu Right-click Menus Roles Permissions Show All Classifications List Value Dialog

3 Team Members - Sub Headers: Verdana bold, 9 pt 235, 239, px 225, 230, px 1 15 px 8 px 1 32, 64, px 130, 157, px splitter bar 99, 152, 229 border 51, 102, , 243, , 206, 214 right align Page 3

4 Team Members - Team Access Sub Headers: Verdana bold, 9 pt 235, 239, 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, px 5 px 5 px 240, 243, , 133, 167 Page 4

5 Team Members- Team Memberships Sub Headers: Verdana bold, 9 pt 235, 239, 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, px 5 px 5 px 240, 243, , 133, 167 Page 5

6 Team Members- Classifications Sub Headers: Verdana bold, 9 pt 235, 239, 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, px 241, 245, , 251, , 133, , 249, 252 Page 6

7 New Team Member - Classification dialogs 150 px 15 px center 394 px 394 px center align 424 px 15 px 424 px Page 7

8 Team Members- Aliases Sub Headers: Verdana bold, 9 pt 235, 239, 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, , 251, , 245, 250 Page 8

9 Team Members - Alias dialog 222 px 15 px 334 px align text baseline 15 px 366 px Page 9

10 Team Members - Additional Information Sub Headers: Verdana bold, 9 pt 235, 239, px 8 px 1 23 px 130, 157, px align 372 px align 240, 243, 247 Page 10

11 Teams - rollover: 51, 102, , 239, px 240, 243, 247 Page 11

12 Teams - Team Access rollover: 51, 102, , 239, px 21 px 21 px Sort available in future if component supports it. 22 px 241, 245, , 251, px 5 px Page 12

13 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

14 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

15 Views/Organization - Dropdown Menus hot area: 20 X 1 px frame: 51, 102, 153 hot area: 20 X splitter bar: 3px 225, 230, px 6 px 3 px 225, 230, px frame: 51, 102, , 230, 235 focus area: 51, 102, 204 Page 15

16 Views/Organization - Right-Click Menus hot area: 20 X 1 px frame: 51, 102, 153 hot area: 20 X focus area: 51, 102, px splitter bar: 3px 225, 230, px 3 px border: 225, 230, px frame: 51, 102, 153 border: 225, 230, 235 focus-away area: 224, 223, 227 focus area: 51, 102, 204 Page 16

17 Roles - Sub Headers: Verdana bold, 9 pt 44 px 12 px px 130, 157, 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, Page 17

18 Roles - Permissions Sub Headers: Verdana bold, 9 pt 44 px 12 px px 21 px 130, 157, px Sort available in future if component supports it. 21 px 247, 249, px 5 px 5 px 240, 243, , 133, Tahoma bold, 8pt 38, 54, 86 Page 18

19 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 px 130, 157, , 230, px 25 px splitter bar 99, 152, 229 border 51, 102, px 5 px 5 px 240, 243, , 249, 252 bottom align 1 Page 19

20 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, 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

21 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, Type: Checkbox disabled Page 21