Toggle menu
862
3.8K
30.2K
279.1K
Catglobe Wiki
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Icon LnF

  1. Icons should have two states; normal and mouse over. The mouse over effect is a 3d shadow effect!
  2. All tool bar icons need 3 images specified; normal, hover, and disable!
  3. 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.
  4. Tool tips must be added to all buttons that does not have text on the button.
  5. 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".
  6. There can never be buttons after a Pager Control in a tool bar.
  7. 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!
  8. Icons must always be set in the same general order on all lists. Please refer to Order_of_Icons to see the order in which icons must appear when you have an icon tool bar or equivalent!
  9. 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 Order_of_Icons
  10. Groups of tool bar buttons are separated by a vertical separator
  11. Do not show two icons button separators next to each other - if e.g. no buttons with access in between!
  12. 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

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

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
Print
Mass update
Journal viewer
Delete journal
View history

Navigation icons

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
Document chart
Checksyntax

Mail & SMS icons

Icon Function
Mail
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
Exclude
Include
Reuse coding task
Data cache
Delete cache
Generate cache
Auto fix
Edit axis
Weight
Rebuild


Icon Function
And
Or
Larger
Larger equal
Smaller
Smaller equal
Equal
Not equal
Inside
Value

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

Informed icons

Icon Used for
Error
Warning
Check

Ungroup icons

Icon Used for
Ok
Inherit
Analyze
Application
Chart
Select
Select some
Select all
Merge
SelectMerge
Viewoption
Checked
Unchecked
Check
Checks
Execute
Save to xml
Provider xml
Keys
Lock
Move
My portal
Rename
Resize
Rules
Satellite dish

Order of Icons

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:

  1. Add *
  2. New *
  3. Save *
  4. Save and next
  5. Save and new
  6. Save and close
  7. Open *
  8. Edit *
  9. Open Template
  10. Sort up *
  11. Sort down *
  12. Copy *
    Separator
  13. Search *
  14. Refresh *
    Separator
  15. Run
  16. Download
  17. Go to Site
  18. View
    Separator
  19. Access
  20. Navigation Access
    Separator
  21. Export to Excel *
  22. Add to Favorites *
  23. Info *
  24. Constants
  25. Other Specialty Icons
    Separator
  26. Delete *
  27. Remove *
  28. Close *
    Separator
  29. Pager control
  30. No of Records field