Difference between revisions of "Icon LnF"
m |
m |
||
| Line 1: | Line 1: | ||
| − | == Icon LnF == | + | == Icon LnF == |
| − | #Icons should have two states; normal and mouse over. The mouse over effect is a 3d shadow effect! | + | #Icons should have two states; normal and mouse over. The mouse over effect is a 3d shadow effect! |
| − | #All tool bar icons need 3 images specified; normal, hover, and disable! | + | #All tool bar icons need 3 images specified; normal, hover, and disable! |
| − | #Buttons in tool bars that cannot be used should be grayed out, for example delete cannot be used until an item is chosen so it is grayed out until something is chosen. Tool tips should be visible on grayed out buttons. | + | #Buttons in tool bars that cannot be used should be grayed out, for example delete cannot be used until an item is chosen so it is grayed out until something is chosen. Tool tips should be visible on grayed out buttons. |
| − | #Tool tips must be added to all buttons that does not have text on the button. | + | #Tool tips must be added to all buttons that does not have text on the button. |
| − | #If the button text consists of more than one word then the first word is with a capital letter the following are with small letters. For example "Changed by". | + | #If the button text consists of more than one word then the first word is with a capital letter the following are with small letters. For example "Changed by". |
| − | #There can never be buttons after a Pager Control in a tool bar. | + | #There can never be buttons after a Pager Control in a tool bar. |
| − | #Some icons should always have the same image no matter where we see the icon; please refer to "What icons to use". If the icon is not available, please talk to Process group for getting assigned an icon! | + | #Some icons should always have the same image no matter where we see the icon; please refer to "[http://wiki.catglobe.com/index.php/Icon_LnF#What_icons_to_use What icons to use]". If the icon is not available, please talk to Process group for getting assigned an icon! |
| − | #Icons must always be set in the same general order on all lists. Please refer to Appendix B to see the order in which icons must appear when you have an icon tool bar or equivalent! | + | #Icons must always be set in the same general order on all lists. Please refer to Appendix B to see the order in which icons must appear when you have an icon tool bar or equivalent! |
| − | #When we have 6 or more icons on a tool bar (or the dialogue is very small) we can choose to show some icons without the text label. Those icons that can be shown this way are marked with * in Appendix B. | + | #When we have 6 or more icons on a tool bar (or the dialogue is very small) we can choose to show some icons without the text label. Those icons that can be shown this way are marked with * in Appendix B. |
| − | #Groups of tool bar buttons are separated by a vertical separator | + | #Groups of tool bar buttons are separated by a vertical separator |
| − | #Do not show two icons button separators next to each other - if e.g. no buttons with access in between! | + | #Do not show two icons button separators next to each other - if e.g. no buttons with access in between! |
#Do not show icon button separator at start or end without buttons on each side. | #Do not show icon button separator at start or end without buttons on each side. | ||
Revision as of 11:00, 6 February 2009
Icon LnF
- Icons should have two states; normal and mouse over. The mouse over effect is a 3d shadow effect!
- All tool bar icons need 3 images specified; normal, hover, and disable!
- Buttons in tool bars that cannot be used should be grayed out, for example delete cannot be used until an item is chosen so it is grayed out until something is chosen. Tool tips should be visible on grayed out buttons.
- Tool tips must be added to all buttons that does not have text on the button.
- If the button text consists of more than one word then the first word is with a capital letter the following are with small letters. For example "Changed by".
- There can never be buttons after a Pager Control in a tool bar.
- Some icons should always have the same image no matter where we see the icon; please refer to "What icons to use". If the icon is not available, please talk to Process group for getting assigned an icon!
- Icons must always be set in the same general order on all lists. Please refer to Appendix B to see the order in which icons must appear when you have an icon tool bar or equivalent!
- When we have 6 or more icons on a tool bar (or the dialogue is very small) we can choose to show some icons without the text label. Those icons that can be shown this way are marked with * in Appendix B.
- Groups of tool bar buttons are separated by a vertical separator
- Do not show two icons button separators next to each other - if e.g. no buttons with access in between!
- Do not show icon button separator at start or end without buttons on each side.
What icons to use
Project tree icons
| Icon | Used for |
|---|---|
|
Company |
|
Group |
|
Project |
|
Completed project |
|
Folder |
|
Task |
|
Completed task |
|
Task set |
|
Workflow |
|
Communicator template |
|
Attachment |
|
DCS |
|
DCS export |
|
Product |
|
Shift |
|
Translation job |
|
Coding job |
Common icons
| Icon | Function |
|---|---|
|
Create |
|
Create and close |
|
Delete (for good) |
|
Add |
|
Remove |
|
Delete to Recycle bin |
|
Restore |
|
Destroy |
|
Mass destroy |
|
Recycle bin |
|
Save |
|
Save and new, Save and next |
|
Save and close |
|
Save and view |
|
Save as |
|
Save as template |
|
Open |
|
Open template |
|
Cut |
|
Edit |
|
Copy |
|
Paste |
|
Close |
|
Cancel |
|
Search |
|
Search all |
|
Replace |
|
Search and replace |
|
Refresh |
|
Sort Descending |
|
Sort Ascending |
|
Run, Execute |
|
Generate |
|
Download |
|
Upload |
|
Submit |
|
Submit and close |
|
Submit and new |
|
View, Preview |
|
Access |
|
Approve |
|
Disapprove |
|
Set default |
|
Apply, Finish |
|
Undo, Reset |
|
Reset all |
|
Redo |
|
Add image |
|
Add attachment |
|
Hyperlink |
|
Image |
|
Resource access |
|
Navigation access |
|
Export to Excel |
|
Export to Pdf |
|
Export to Power point |
|
Add to favorites |
|
Constants |
|
Add time registration, date time |
|
Generate task |
|
Accept |
|
Import |
|
Export |
|
Import and export |
|
User |
|
Add user |
|
Edit user details |
|
Reassign |
|
Protect date |
|
Group, Account |
|
Add group |
|
Help |
|
Tip |
|
Information |
|
|
|
Mass update |
|
Journal viewer |
|
Delete journal |
|
View history |
| Icon | Function |
|---|---|
|
Navigate to the first |
|
Navigate to the last |
|
Navigate to the left, previous |
|
Navigate to the right, next |
| Icon | Function |
|---|---|
|
collapse view area |
|
expand view area |
Editor icons
| Icon | Function |
|---|---|
|
Subscript |
|
Superscript |
|
Bullets |
|
Number list |
|
Table |
|
Align center |
|
Align left |
|
Align right |
|
Justify |
|
Top |
|
Bottom |
|
Middle |
|
Bold |
|
Italic |
|
Underline |
|
Font color |
|
Bring forward |
|
Send backward |
|
Bring to front |
|
Send to back |
|
Insert break page |
|
Insert chart |
|
Insert flash |
|
Insert pagelink |
|
Insert text box |
|
New page before |
|
New page after |
|
Delete current page |
|
Add row |
|
Delete row |
|
Add column |
|
Delete column |
|
Move down |
|
Move up |
|
Move left |
|
Move right |
|
View result |
|
Copy diagram |
|
Sum |
|
Expression |
Questionnaire icons
| Icon | Function |
|---|---|
|
Project questionnaire |
|
Completed Project questionnaire |
|
Add Project questionnaire |
|
Questionnaire |
|
Questionnaire template |
|
Questionnaire layout |
|
Questionnaire layout template |
|
Questionnaire data grid |
|
Question group |
|
Questionnaire paper |
|
View sample size |
|
View filter |
|
View cross |
|
View properties |
|
Viewconditions.gif |
|
Generate test sheet |
|
Move respondent |
|
Interview manager |
|
Add mask, Change mode |
|
Disable |
|
Access code |
|
Target |
|
Reset layout |
|
Reset and delete data |
|
Translation |
|
Start |
|
Pause |
Report icons
| Icon | Function |
|---|---|
|
Report |
|
Report template |
|
View report |
|
Dash board |
|
Spreadsheet |
|
Monitor |
|
Diagram |
|
Go to site |
|
Customize |
|
Random |
|
Set view area |
|
Chart style |
Mail & SMS icons
| Icon | Function |
|---|---|
|
|
|
Bulk mail |
|
Informer message |
|
Send mail |
|
Send all mails |
|
Save and sent later |
|
Read mail |
|
Unread mail |
|
Mail account |
|
Save to draft |
|
Reply |
|
Reply to all |
|
SMS |
|
Bulk SMS |
|
Invalid Address |
|
Send property, resource information |
|
Send request |
Coding & Script & DCS icons
| Icon | Function |
|---|---|
|
Script |
|
CGScript Prompt |
|
CGScript run |
|
CGScript run batch |
|
And |
|
Or |
|
Larger |
|
Larger equal |
|
Smaller |
|
Smaller equal |
|
Equal |
|
Not equal |
|
Inside |
|
Value |
|
Exclude |
|
Include |
|
Reuse coding task |
|
Data cache |
|
Delete cache |
|
Generate cache |
|
Auto fix |
|
Edit axis |
|
Weight |
|
Rebuild |
Webshop icons
| Icon | Function |
|---|---|
|
Transaction |
|
Add transaction |
|
Close transation |
|
View transaction |
|
Update budget |
|
Pending |
|
Delete package |
|
Deliver |
|
Cashier |
|
Credit card |
CATI & Asterisk icons
| Icon | Used for |
|---|---|
|
Play |
|
Record |
|
Phone |
|
Speaker |
|
Disconnect phone |
|
Ring phone |
|
Sleeping phone |
|
Talking phone |
Ungroup icons
| Icon | Used for |
|---|---|
|
Calculator |
|
Merge |
|
Inherit |
|
Analyze |
|
Schedule.png |
|
Application |
|
Chart |
|
Rowcheck.gif |
|
Diagram text |
|
Document_chart.gif |
|
Select |
|
Select some |
|
Select all |
|
SelectMerge.gif |
|
Viewoption.gif |
|
Check |
|
Checked |
|
Unchecked |
|
Checks.gif |
|
Checksyntax.gif |
|
Error |
|
Ok |
|
Warning |
|
Execute |
|
Save to xml |
|
Provider xml |
|
Keys |
|
Lock |
|
Move |
|
Move to folder |
|
My portal |
|
Rename.gif |
|
Resize.gif |
|
Rules.gif |
|
Satellite_dish.png |
|
View slideshow |
Attachment type icons
| Icon | Function |
|---|---|
|
Access file |
|
Excel file |
|
Word file |
|
Powerpoint file |
|
Visio file |
|
Pdf file |
|
Web page html file |
|
XML type |
|
Normal text type |
|
Bmp type |
|
Png type |
|
Gif type |
|
Jpeg type |
|
Zip type |
|
Wma file |
|
Unknown type |
Order of Icons/Buttons
To give CatGlobe a uniform Look & Feel, buttons must be in about the same location on all pages. While there are many different buttons the system, most buttons are in the same list of categories.
When we have limited space the icons with * may appear with no text labeling.
Order of icons:
- Add *
- New *
- Save *
- Save and next
- Save and new
- Save and close
- Open *
- Edit *
- Open Template
- Sort up *
- Sort down *
- Copy *
Separator - Search *
- Refresh *
Separator - Run
- Download
- Go to Site
- View
Separator - Access
- Navigation Access
Separator - Export to Excel *
- Add to Favorites *
- Info *
- Constants
- Other Specialty Icons
Separator - Delete *
- Remove *
- Close *
Separator - Pager control
- No of Records field
