Icon LnF

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

Attachment type icons

Common use icons

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