Toggle search
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: Difference between revisions

From Catglobe Wiki
More actions
← Older edit
VisualWikitext
Wikicatglobe (talk | contribs)
Cem, Maysunshine, Bureaucrats, Administrators
238 edits
No edit summary
 
(150 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<accesscontrol>Main:MyGroup</accesscontrol>
== Icon LnF  ==
== Icon LnF  ==


Line 16: Line 17:
== What icons to use  ==
== What icons to use  ==


=== Project tree icons  ===
Icons is grouped based on the their function or number of use in each modules. Click on each group to see more details.


{| border="1" class="CGTable"
=== [[Project tree icons]]  ===
|-
 
! Icon
:{| class="CGTable" border="1"
! Used for
|-
|-
| [[Image:Company.gif]]  
| [[Image:Company.gif]]  
| Company
| [[Image:facility.gif]] 
|-
| [[Image:user.gif]] 
| [[Image:group.gif]]  
| [[Image:Grouptree.gif]]  
| Group
| [[Image:Sitetree.gif]]
|-
| [[Image:Project.gif]]
| [[Image:project.gif]]  
| [[Image:Project complete.gif]]  
| Project
| [[Image:Foldertree.gif]]  
|-
| [[Image:Task.gif]]  
| [[Image:project_complete.gif]]  
| [[Image:Task complete.gif]]  
| Completed project
| [[Image:Taskset.gif]]  
|-
| [[Image:folder.gif]]  
| Folder
|-
| [[Image:task.gif]]  
| Task
|-
| [[Image:task_complete.gif]]  
| Completed task
|-
| [[Image:taskset.gif]]  
| Task set
|-
| [[Image:Workflow.gif]]  
| [[Image:Workflow.gif]]  
| Workflow
| [[Image:Communicator template.gif]]  
|-
| [[Image:Attachment.gif]]  
| [[Image:communicator_template.gif]]  
| Communicator template
|-
| [[Image:attachment.gif]]  
| Attachment
|-
| [[Image:DCS.gif]]  
| [[Image:DCS.gif]]  
| DCS
| [[Image:DCS export.gif]]  
|-
| [[Image:DCS_export.gif]]  
| DCS export
|-
| [[Image:Product.gif]]  
| [[Image:Product.gif]]  
| Product
|-
| [[Image:Shift.gif]]  
| [[Image:Shift.gif]]  
| Shift
|-
| [[Image:Translationjob.gif]]  
| [[Image:Translationjob.gif]]  
| Translation job
| [[Image:Codingjob.gif]]
|-
|-
| [[Image:Codingjob.gif]]  
| [[Image:Issue.gif]]
| Coding job
| [[Image:project_questionnaire.gif]] 
| [[Image:project_questionnaire_complete.gif]] 
| [[Image:Questionnaire.gif]] 
| [[Image:questionnaire_template.gif]] 
| [[Image:questionnaire_layout.gif]] 
| [[Image:questionnaire_layout_template.gif]] 
| [[Image:questionnaire_paper.gif]] 
| [[Image:sample_request.gif]] 
| [[Image:Diagram.gif]] 
| [[Image:Monitor.gif]] 
| [[Image:Report.gif]] 
| [[Image:report_template.gif]] 
| [[Image:spreadsheet.gif]] 
| [[Image:dashboard.gif]] 
| [[Image:nextpage.gif]]
|
|
|
|
|}
|}


=== Common icons  ===
=== [[Attachment type icons]] ===


{| border="1" class="CGTable"
:{| class="CGTable" border="1"
|-
! Icon
! Function
|-
|-
| [[Image:Image access.gif]]
| [[Image:Image excel.gif]]
| [[Image:Image word.gif]]
| [[Image:Image ppt.gif]]
| [[Image:Image visio.gif]]
| [[Image:Image pdf.gif]]
| [[Image:Image html.gif]]
| [[Image:Image xml.gif]]
| [[Image:Image text.gif]]
| [[Image:Image bmp.gif]]
| [[Image:Image png.gif]]
| [[Image:Image gif.gif]]
| [[Image:Image jpg.gif]]
| [[Image:Image zip.gif]]
| [[Image:Image wma.gif]]
| [[Image:Notype.gif]]
|}
=== [[Common use icons]]  ===
:{| class="CGTable" border="1"
| [[Image:Create.gif]]  
| [[Image:Create.gif]]  
| Create
|-
| [[Image:CreateAndClose.gif]]  
| [[Image:CreateAndClose.gif]]  
| Create and close
|-
| [[Image:Delete.gif]]  
| [[Image:Delete.gif]]  
| Delete (for good)
|-
| [[Image:Add.gif]]  
| [[Image:Add.gif]]  
| Add
|-
| [[Image:Remove.gif]]  
| [[Image:Remove.gif]]  
| Remove
|-
| [[Image:DeleteToRecycleBin.gif]]  
| [[Image:DeleteToRecycleBin.gif]]  
| Delete to Recycle bin
|-
| [[Image:RestoreBin.gif]]  
| [[Image:RestoreBin.gif]]  
| Restore
|-
| [[Image:DestroyBin.gif]]  
| [[Image:DestroyBin.gif]]  
| Destroy
|-
| [[Image:DestroyBinAll.gif]]  
| [[Image:DestroyBinAll.gif]]  
| Mass destroy
|-
| [[Image:Recycle bin.gif]]  
| [[Image:Recycle bin.gif]]  
| Recycle bin
|-
| [[Image:Save.gif]]  
| [[Image:Save.gif]]  
| Save
|-
| [[Image:SaveAndNew.gif]]  
| [[Image:SaveAndNew.gif]]  
| Save and new, Save and next
|-
| [[Image:SaveAndClose.gif]]  
| [[Image:SaveAndClose.gif]]  
| Save and close
|-
| [[Image:SaveAndView.gif]]  
| [[Image:SaveAndView.gif]]  
| Save and view
|-
| [[Image:SaveAs.gif]]  
| [[Image:SaveAs.gif]]  
| Save as
|-
| [[Image:SaveAsTemplate.gif]]  
| [[Image:SaveAsTemplate.gif]]  
| Save as template
|-
| [[Image:Open.gif]]  
| [[Image:Open.gif]]  
| Open
|-
| [[Image:OpenTemplate.gif]]  
| [[Image:OpenTemplate.gif]]  
| Open template
| [[Image:Viewoption.gif]]
| [[Image:SetDefault.gif]]
|-
|-
| [[Image:Favorite.gif]]
| [[Image:View.gif]]
| [[Image:Cut.gif]]  
| [[Image:Cut.gif]]  
| Cut
|-
| [[Image:Edit.gif]]  
| [[Image:Edit.gif]]  
| Edit
| [[Image:Editall.gif]]
|-
| [[Image:Copy.gif]]  
| [[Image:Copy.gif]]  
| Copy
|-
| [[Image:Paste.gif]]  
| [[Image:Paste.gif]]  
| Paste
|-
| [[Image:Close.gif]]  
| [[Image:Close.gif]]  
| Close
|-
| [[Image:Cancel.png]]  
| [[Image:Cancel.png]]  
| Cancel
| [[Image:OK.gif]]
|-
| [[Image:No.gif]]
| [[Image:Yes.gif]]
| [[Image:Search.gif]]  
| [[Image:Search.gif]]  
| Search
|-
| [[Image:Find all.gif]]  
| [[Image:Find all.gif]]  
| Search all
|-
| [[Image:Replace.gif]]  
| [[Image:Replace.gif]]  
| Replace
|-
| [[Image:Replace all.gif]]  
| [[Image:Replace all.gif]]  
| Search and replace
|-
| [[Image:Refresh.gif]]  
| [[Image:Refresh.gif]]  
| Refresh
|-
| [[Image:SortDescending.gif]]  
| [[Image:SortDescending.gif]]  
| Sort Descending
|-
| [[Image:SortAscending.gif]]  
| [[Image:SortAscending.gif]]  
| Sort Ascending
|-
| [[Image:Run.gif]]  
| [[Image:Run.gif]]  
| Run, Execute
|-
|-
| [[Image:Generate.gif]]  
| [[Image:Generate.gif]]  
| Generate
|-
| [[Image:Download.gif]]  
| [[Image:Download.gif]]  
| Download
|-
| [[Image:Upload.gif]]  
| [[Image:Upload.gif]]  
| Upload
|-
| [[Image:Submit.gif]]  
| [[Image:Submit.gif]]  
| Submit
|-
| [[Image:Submit close.gif]]  
| [[Image:Submit close.gif]]  
| Submit and close
|-
| [[Image:Submit new.gif]]  
| [[Image:Submit new.gif]]  
| Submit and new
|-
| [[Image:View.gif]]
| View, Preview
|-
| [[Image:Access.gif]]
| Access
|-
| [[Image:Approve.gif]]
| Approve
|-
| [[Image:Disapprove.gif]]
| Disapprove
|-
| [[Image:SetDefault.gif]]
| Set default
|-
| [[Image:Finish.gif]]
| Apply, Finish
|-
| [[Image:Undo.gif]]  
| [[Image:Undo.gif]]  
| Undo, Reset
| [[Image:ResetAll.gif]]  
|-
| [[Image:resetAll.gif]]  
| Reset all
|-
| [[Image:Redo.gif]]  
| [[Image:Redo.gif]]  
| Redo
|-
| [[Image:AddImage.gif]]  
| [[Image:AddImage.gif]]  
| Add image
|-
| [[Image:AddAttachment.gif]]  
| [[Image:AddAttachment.gif]]  
| Add attachment
|-
| [[Image:Hyperlink.gif]]  
| [[Image:Hyperlink.gif]]  
| Hyperlink
|-
| [[Image:Image.gif]]  
| [[Image:Image.gif]]  
| Image
|-
| [[Image:Resource-access.gif]]
| Resource access
|-
| [[Image:Navigation.gif]]
| Navigation access
|-
| [[Image:Excel.gif]]  
| [[Image:Excel.gif]]  
| Export to Excel
|-
| [[Image:Pdf.gif]]  
| [[Image:Pdf.gif]]  
| Export to Pdf
|-
| [[Image:Powerpoint.gif]]  
| [[Image:Powerpoint.gif]]  
| Export to Power point
| [[Image:Lock.gif]]
|-
| [[Image:Execute.gif]]  
| [[Image:Favorite.gif]]  
| Add to favorites
|-
| [[Image:Constant.gif]]  
| [[Image:Constant.gif]]  
| Constants
| [[Image:TimeRegistration.gif]]
|-
| [[Image:TimeRegistration.gif]]  
| Add time registration, date time
|-
| [[Image:Generatetask.gif]]
| Generate task
|-
| [[Image:Accept.gif]]
| Accept
|-
|-
| [[Image:Register_external_hour.gif]]
| [[Image:Chart.gif]]
| [[Image:Myportal.gif]]
| [[Image:Import.gif]]  
| [[Image:Import.gif]]  
| Import
|-
| [[Image:Export.gif]]  
| [[Image:Export.gif]]  
| Export
|-
| [[Image:Import export.gif]]  
| [[Image:Import export.gif]]  
| Import and export
|-
| [[Image:User.gif]]
| User
|-
| [[Image:AddUser.png]]
| Add user
|-
| [[Image:Edit2.gif]]
| Edit user details
|-
| [[Image:Reassign.gif]]
| Reassign
|-
| [[Image:Protectdate.gif]]
| Protect date
|-
| [[Image:Account.gif]]
| Group, Account
|-
| [[Image:Add group.gif]]
| Add group
|-
| [[Image:Help.gif]]  
| [[Image:Help.gif]]  
| Help
|-
| [[Image:Tip.gif]]  
| [[Image:Tip.gif]]  
| Tip
|-
| [[Image:Information.gif]]  
| [[Image:Information.gif]]  
| Information
|-
| [[Image:Printer.gif]]  
| [[Image:Printer.gif]]  
| Print
|-
| [[Image:Data gear.gif]]  
| [[Image:Data gear.gif]]  
| Mass update
| [[Image:Schedule.png]]
|-
| [[Image:Calculator.gif]]
| [[Image:ViewSlideshow plain.gif]]
| [[Image:Layoutxml.gif]]
| [[Image:Stable_plain.gif]]
| [[Image:UnStable_plain.gif]]
| [[Image:SetFail_plain.gif‎]]
| [[Image:Properties.gif]]
|
|}
 
=== [[Access icons]] ===
 
:{| class="CGTable" border="1"
| [[Image:Access.gif]]
| [[Image:Resource-access.gif]]
| [[Image:Navigation.gif]]
| [[Image:Inherit.gif]]
|}
 
=== [[Journal icons]] ===
 
:{| class="CGTable" border="1"
| [[Image:Journal.gif]]  
| [[Image:Journal.gif]]  
| Journal viewer
| [[Image:Check checked.gif]]
|-
| [[Image:Check none.gif]]
| [[Image:DeleteJournal.gif]]  
| [[Image:grant1.png]]
| Delete journal
| [[Image:ungrant1.png]]
|-
| [[Image:Select Some.gif]]
| [[Image:ViewHistory.gif]]  
| [[Image:Select All.gif]]  
| View history
|}
 
=== [[User icons]] ===
 
:{| class="CGTable" border="1"
| [[Image:User.gif]]  
| [[Image:AddUser.png]]
| [[Image:Edit2.gif]]
| [[Image:Protectdate.gif]]
| [[Image:Account.gif]]
| [[Image:group.gif]]
| [[Image:Add group.gif]]
| [[Image:view_user_plain.gif]]
|}
|}


=== Navigation icons  ===
=== [[Navigation icons|Navigation &amp; Expand/Collapse icons]] ===


{| border="1" class="CGTable"
:{| class="CGTable" border="1"
|-
! Icon
! Function
|-
|-
| [[Image:NavigateFirst.gif]]  
| [[Image:NavigateFirst.gif]]  
| Navigate to the first
| [[Image:NavigateLeft.gif]]
|-
| [[Image:NavigateRight.gif]]
| [[Image:NavigateLast.gif]]  
| [[Image:NavigateLast.gif]]  
| Navigate to the last
| [[Image:Navigate_left2.gif]]
| [[Image:Navigate_right2.gif]]
|-
|-
| [[Image:NavigateLeft.gif]]  
| [[Image:Navigatesave_beginning.gif]]  
| Navigate to the left, previous
| [[Image:Navigatesave_left.gif]]
| [[Image:Navigatesave_left2.gif]]
| [[Image:Navigatesave_right2.gif]]
| [[Image:Navigatesave_right.gif]]
| [[Image:Navigatesave_end.gif]]
|-
|-
| [[Image:NavigateRight.gif]]  
| [[Image:UpArrow.gif]]  
| Navigate to the right, next
| [[Image:DownArrow.gif]]
|}
| [[Image:LeftArrow.gif]]
<br>
| [[Image:RightArrow.gif]]
{| border="1" class="CGTable"
| [[Image:Hide.gif]]
|
|-
|-
! Icon
| [[Image:left_circle.gif]]
! Function
| [[Image:right_circle.gif]]
| [[Image:up_circle.gif]]
| [[Image:down_circle.gif]]
|
|
|-
|-
| [[Image:upArrow.gif]]  
| [[Image:up.gif]]  
| collapse view area
| [[Image:down.gif]]
|
|
|
|
|-
|-
| [[Image:downArrow.gif]]  
| [[Image:left.gif]]  
| expand view area
| [[Image:right.gif]]
|
|
|
|
|}
|}


=== Editor icons  ===
=== [[Editor icons]] ===


{| border="1" class="CGTable"
:{| class="CGTable" border="1"
|-
! Icon
! Function
|-
|-
| [[Image:Subscript.gif]]  
| [[Image:Subscript.gif]]  
| Subscript
|-
| [[Image:Superscript.gif]]  
| [[Image:Superscript.gif]]  
| Superscript
|-
| [[Image:Bullets.gif]]  
| [[Image:Bullets.gif]]  
| Bullets
|-
| [[Image:Numberlist.gif]]  
| [[Image:Numberlist.gif]]  
| Number list
|-
| [[Image:Table.gif]]  
| [[Image:Table.gif]]  
| Table
|-
| [[Image:Aligncenter.gif]]  
| [[Image:Aligncenter.gif]]  
| Align center
|-
| [[Image:Alignleft.gif]]  
| [[Image:Alignleft.gif]]  
| Align left
|-
| [[Image:Alignright.gif]]  
| [[Image:Alignright.gif]]  
| Align right
|-
| [[Image:Justify.gif]]  
| [[Image:Justify.gif]]  
| Justify
|-
| [[Image:Top.gif]]  
| [[Image:Top.gif]]  
| Top
|-
| [[Image:Bottom.gif]]  
| [[Image:Bottom.gif]]  
| Bottom
|-
| [[Image:Middle.gif]]  
| [[Image:Middle.gif]]  
| Middle
|-
| [[Image:Bold.gif]]  
| [[Image:Bold.gif]]  
| Bold
|-
| [[Image:Italic.gif]]  
| [[Image:Italic.gif]]  
| Italic
|-
| [[Image:Underline.gif]]  
| [[Image:Underline.gif]]  
| Underline
|-
| [[Image:Fontcolor.gif]]  
| [[Image:Fontcolor.gif]]  
| Font color
|-
| [[Image:Bringfoward.gif]]  
| [[Image:Bringfoward.gif]]  
| Bring forward
|-
| [[Image:Sendbackward.gif]]  
| [[Image:Sendbackward.gif]]  
| Send backward
|-
| [[Image:Bringtofront.gif]]  
| [[Image:Bringtofront.gif]]  
| Bring to front
| [[Image:Sendtoback.gif]]
|-
| [[Image:Sendtoback.gif]]  
| Send to back
|-
|-
| [[Image:Insertbreakpage.gif]]  
| [[Image:Insertbreakpage.gif]]  
| Insert break page
|-
| [[Image:Insertchart.gif]]  
| [[Image:Insertchart.gif]]  
| Insert chart
|-
| [[Image:Insertflash.gif]]
| Insert flash
|-
| [[Image:Insertpagelink.gif]]  
| [[Image:Insertpagelink.gif]]  
| Insert pagelink
|-
| [[Image:Insert-Text-Box-1.gif]]  
| [[Image:Insert-Text-Box-1.gif]]  
| Insert text box
|-
| [[Image:Newpagebefore.gif]]  
| [[Image:Newpagebefore.gif]]  
| New page before
|-
| [[Image:Newpageafter.gif]]  
| [[Image:Newpageafter.gif]]  
| New page after
|-
| [[Image:Deletecurrentpage.gif]]  
| [[Image:Deletecurrentpage.gif]]  
| Delete current page
|-
| [[Image:AddRow.gif]]  
| [[Image:AddRow.gif]]  
| Add row
|-
| [[Image:DeleteRow.gif]]  
| [[Image:DeleteRow.gif]]  
| Delete row
|-
| [[Image:AddColumn.gif]]  
| [[Image:AddColumn.gif]]  
| Add column
|-
| [[Image:DeleteColumn.gif]]  
| [[Image:DeleteColumn.gif]]  
| Delete column
| [[Image:Moverowdown.gif‎]]  
|-
| [[Image:Moverowup.gif]]  
| [[Image:MoveDown.gif]]  
| [[Image:Movecolumnleft.gif‎]]  
| Move down
| [[Image:Movecolumnright.gif‎]]  
|-
|
| [[Image:MoveUp.gif]]  
|
| Move up
|
|-
|
| [[Image:MoveLeft.gif]]  
|
| Move left
|-
| [[Image:MoveRight.gif]]  
| Move right
|-
| [[Image:Viewresult.gif]]
| View result
|-
| [[Image:Copychart.gif]]
| Copy diagram
|-
| [[Image:Sum.gif]]
| Sum
|-
| [[Image:Expression.gif]]
| Expression
|}
|}


=== Questionnaire icons  ===
=== [[Questionnaire icons]] ===


{| border="1" class="CGTable"
:{| class="CGTable" border="1"
|-
! Icon
! Function
|-
|-
| [[Image:Project questionnaire.gif]]  
| [[Image:Project questionnaire.gif]]  
| Project questionnaire
|-
| [[Image:Project questionnaire complete.gif]]  
| [[Image:Project questionnaire complete.gif]]  
| Completed Project questionnaire
|-
| [[Image:Add project questionnaire.gif]]
| Add Project questionnaire
|-
| [[Image:Questionnaire.gif]]  
| [[Image:Questionnaire.gif]]  
| Questionnaire
|-
| [[Image:Questionnaire template.gif]]  
| [[Image:Questionnaire template.gif]]  
| Questionnaire template
|-
| [[Image:Questionnaire layout.gif]]  
| [[Image:Questionnaire layout.gif]]  
| Questionnaire layout
|-
| [[Image:Questionnaire layout template.gif]]  
| [[Image:Questionnaire layout template.gif]]  
| Questionnaire layout template
|-
| [[Image:Questionnaire datagrid.gif]]  
| [[Image:Questionnaire datagrid.gif]]  
| Questionnaire data grid
|-
| [[Image:QuestionGroup.gif]]  
| [[Image:QuestionGroup.gif]]  
| Question group
|-
| [[Image:Questionnaire paper.gif]]  
| [[Image:Questionnaire paper.gif]]  
| Questionnaire paper
|-
| [[Image:ViewSampleSize.gif]]  
| [[Image:ViewSampleSize.gif]]  
| View sample size
|-
| [[Image:ViewFilter.gif]]  
| [[Image:ViewFilter.gif]]  
| View filter
|-
| [[Image:ViewCross.gif]]  
| [[Image:ViewCross.gif]]  
| View cross
|-
| [[Image:Viewproperties.gif]]  
| [[Image:Viewproperties.gif]]  
| View properties
|-
| [[Image:Viewconditions.gif]]  
| [[Image:Viewconditions.gif]]  
| Viewconditions.gif
|-
| [[Image:GenerateTestSheet.gif]]
| Generate test sheet
|-
| [[Image:Moveto.gif]]  
| [[Image:Moveto.gif]]  
| Move respondent
|-
| [[Image:Interview manager.gif]]  
| [[Image:Interview manager.gif]]  
| Interview manager
|-
| [[Image:Mask.gif]]  
| [[Image:Mask.gif]]  
| Add mask, Change&nbsp;mode&nbsp;
| [[Image:Disable.gif]]
|-
| [[Image:Lock information.png]]
| [[Image:Disable.gif]]  
| Disable
|-
| [[Image:Lock information.png]]  
| Access code
|-
| [[Image:Target.gif]]  
| [[Image:Target.gif]]  
| Target
|-
|-
| [[Image:testlink.gif]]
| [[Image:Reset layout.gif]]  
| [[Image:Reset layout.gif]]  
| Reset layout
|-
| [[Image:Resetdelete.gif]]  
| [[Image:Resetdelete.gif]]  
| Reset and delete data
|-
| [[Image:Translate.gif]]  
| [[Image:Translate.gif]]  
| Translation
|-
| [[Image:Start.gif]]  
| [[Image:Start.gif]]  
| Start
| [[Image:Pause.gif]]
|-
| [[Image:Checksyntax.gif]]
| [[Image:Pause.gif]]  
| [[Image:Analyze.gif]]
| Pause
| [[Image:Insertflash.gif]]
| [[Image:ExportPerformance_plain.gif]]  
|
|
|
|
|
|
|
|
|
|
|}
|}


=== Report icons  ===
=== [[Report icons]] ===


{| border="1" class="CGTable"
:{| class="CGTable" border="1"
|-
! Icon
! Function
|-
|-
| [[Image:Report.gif]]  
| [[Image:Report.gif]]  
| Report
|-
| [[Image:Report template.gif]]  
| [[Image:Report template.gif]]  
| Report template
|-
| [[Image:ViewReport.gif]]  
| [[Image:ViewReport.gif]]  
| View report
|-
| [[Image:Dashboard.gif]]  
| [[Image:Dashboard.gif]]  
| Dash board
|-
| [[Image:Spreadsheet.gif]]  
| [[Image:Spreadsheet.gif]]  
| Spreadsheet
|-
| [[Image:Monitor.gif]]  
| [[Image:Monitor.gif]]  
| Monitor
|-
| [[Image:Diagram.gif]]  
| [[Image:Diagram.gif]]  
| Diagram
|-
| [[Image:GotoSite.gif]]  
| [[Image:GotoSite.gif]]  
| Go to site
|-
| [[Image:Customize.gif]]  
| [[Image:Customize.gif]]  
| Customize
|-
| [[Image:Random.gif]]  
| [[Image:Random.gif]]  
| Random
|-
| [[Image:Selection view.gif]]  
| [[Image:Selection view.gif]]  
| Set view area
|-
| [[Image:Chartstyle.gif]]  
| [[Image:Chartstyle.gif]]  
| Chart style
|-
| [[Image:Document chart.gif]]  
| [[Image:Document chart.gif]]  
| Document chart
| [[Image:Viewresult.gif]]
| [[Image:Copychart.gif]]
| [[Image:Sum.gif]]
| [[Image:Expression.gif]]
| [[Image:Checks.gif]]
| [[Image:Providerxml.gif]]
| [[Image:weekcross.gif]]
|-
|-
| [[Image:Checksyntax.gif]]  
| [[Image:addtoleft.gif]]
| Checksyntax
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|}
|}


=== Mail &amp; SMS icons  ===
=== [[Communicator icons]] ===


{| border="1" class="CGTable"
:{| border="1" class="CGTable"
|-
! Icon
! Function
|-
|-
| [[Image:Mail.gif]]  
| [[Image:Mail.gif]]  
| Mail
|-
| [[Image:Bulkmail.gif]]  
| [[Image:Bulkmail.gif]]  
| Bulk mail
|-
| [[Image:InformMessage.gif]]  
| [[Image:InformMessage.gif]]  
| Informer message
|-
| [[Image:SentMail.gif]]  
| [[Image:SentMail.gif]]  
| Send mail
|-
| [[Image:SendAllMails.gif]]  
| [[Image:SendAllMails.gif]]  
| Send all mails
|-
| [[Image:SaveAndSentLater.gif]]  
| [[Image:SaveAndSentLater.gif]]  
| Save and sent later
| [[Image:SavetoDraft.gif]]
|-
| [[Image:Reply.gif]]
| [[Image:ReplyAll.gif]]
| [[Image:ReadMail.gif]]  
| [[Image:ReadMail.gif]]  
| Read mail
|-
| [[Image:UnreadMail.gif]]  
| [[Image:UnreadMail.gif]]  
| Unread mail
|-
| [[Image:MailAccount.gif]]  
| [[Image:MailAccount.gif]]  
| Mail account
|-
| [[Image:SavetoDraft.gif]]
| Save to draft
|-
| [[Image:Reply.gif]]
| Reply
|-
| [[Image:ReplyAll.gif]]
| Reply to all
|-
| [[Image:Sms.gif]]  
| [[Image:Sms.gif]]  
| SMS
|-
| [[Image:Bulksms.gif]]  
| [[Image:Bulksms.gif]]  
| Bulk SMS
|-
| [[Image:InvalidAddress_plain.gif]]  
| [[Image:InvalidAddress_plain.gif]]  
| Invalid Address
|-
| [[Image:SendProperty.gif]]  
| [[Image:SendProperty.gif]]  
| Send property, resource information
| [[Image:Move.gif]]
| [[Image:StartQuestionnaire.gif]]
| [[Image:SendingMail.gif]]
| [[Image:Informer_plain.gif]]
|-
|-
| [[Image:Sendrequest.gif]]  
| [[Image:Highpriority.GIF]]
| Send request
| [[Image:Priority.gif]]
| [[Image:Normalpriority.gif]]  
| [[Image:Lowpriority.GIF]]
| [[Image:Rules.gif]]
| [[Image:Keys.png]]
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|}
|}


=== Coding &amp; Script &amp; DCS icons ===
=== [[CGScript icons]] ===


{| border="1" class="CGTable"
:{| class="CGTable" border="1"
|-
! Icon
! Function
|-
| [[Image:Script.gif]]
| Script
|-
|-
| [[Image:CGScriptPrompt.gif]]  
| [[Image:CGScriptPrompt.gif]]  
| CGScript Prompt
|-
| [[Image:CGScriptRun.gif]]  
| [[Image:CGScriptRun.gif]]  
| CGScript run
|-
| [[Image:CGScriptRunAll.gif]]  
| [[Image:CGScriptRunAll.gif]]  
| CGScript run batch
|}
|-
 
| [[Image:And.gif]]
=== [[Coding job icons]] ===
| And
 
|-
:{| class="CGTable" border="1"
| [[Image:Or.gif]]
| Or
|-
| [[Image:Larger.gif]]
| Larger
|-
| [[Image:LargerEqual.gif]]
| Larger equal
|-
| [[Image:Smaller.gif]]
| Smaller
|-
| [[Image:SmallerEqual.gif]]
| Smaller equal
|-
| [[Image:Equal.gif]]
| Equal
|-
| [[Image:NotEqual.gif]]  
| Not equal
|-
| [[Image:Inside.gif]]
| Inside
|-
| [[Image:Value.gif]]
| Value
|-
|-
| [[Image:Script.gif]]
| [[Image:Exclude.gif]]  
| [[Image:Exclude.gif]]  
| Exclude
|-
| [[Image:Include.gif]]  
| [[Image:Include.gif]]  
| Include
|-
| [[Image:Reuse.gif]]  
| [[Image:Reuse.gif]]  
| Reuse coding task
| [[Image:ClearAll.gif]]
|}
 
=== [[Data icons]]  ===
 
:{| class="CGTable" border="1"
|-
|-
| [[Image:Datacache.gif]]  
| [[Image:Datacache.gif]]  
| Data cache
|-
| [[Image:DeleteCache.gif]]  
| [[Image:DeleteCache.gif]]  
| Delete cache
|-
| [[Image:GenerateCache.gif]]  
| [[Image:GenerateCache.gif]]  
| Generate cache
| [[Image:Rename.gif]]
|-
| [[Image:Autofix.gif]]  
| [[Image:Autofix.gif]]  
| Auto fix
|-
| [[Image:Editaxis.gif]]  
| [[Image:Editaxis.gif]]  
| Edit axis
|-
| [[Image:Weight.gif]]  
| [[Image:Weight.gif]]  
| Weight
|-
| [[Image:Rebuild.png]]  
| [[Image:Rebuild.png]]  
| Rebuild
|}
|}


=== Webshop icons  ===
=== [[Expression icons]] ===


{| border="1" class="CGTable"
:{| class="CGTable" border="1"
|-
|-
! Icon
| [[Image:Larger.gif]]
! Function
| [[Image:LargerEqual.gif]]
| [[Image:Smaller.gif]]
| [[Image:SmallerEqual.gif]]
| [[Image:Equal.gif]]
| [[Image:NotEqual.gif]]
| [[Image:And.gif]]
| [[Image:Or.gif]]
| [[Image:Inside.gif]]
| [[Image:Value.gif]]
|}
 
=== [[Task icons]]  ===
 
:{| class="CGTable" border="1"
|-
| [[Image:Approve.gif]]
| [[Image:Disapprove.gif]]
| [[Image:Finish.gif]]
| [[Image:Accept.gif]]
| [[Image:Reassign.gif]]
| [[Image:Merge.gif]]
| [[Image:SelectMerge.gif]]
| [[Image:generatetask.gif]]
|}
 
=== [[Webshop icons]]  ===
 
:{| class="CGTable" border="1"
|-
|-
| [[Image:Transaction.gif]]  
| [[Image:Transaction.gif]]  
| Transaction
|-
| [[Image:Addtransactionex.gif]]  
| [[Image:Addtransactionex.gif]]  
| Add transaction
|-
| [[Image:Closetransaction.gif]]
| Close transation
|-
| [[Image:Viewtransaction.gif]]  
| [[Image:Viewtransaction.gif]]  
| View transaction
|-
| [[Image:Updatebudget.gif]]  
| [[Image:Updatebudget.gif]]  
| Update budget
|-
| [[Image:Pending.gif]]  
| [[Image:Pending.gif]]  
| Pending
|-
| [[Image:DeletePackage.gif]]
| Delete package
|-
| [[Image:Deliver.gif]]  
| [[Image:Deliver.gif]]  
| Deliver
|-
| [[Image:Cashier approve.gif]]  
| [[Image:Cashier approve.gif]]  
| Cashier
| [[Image:Creditcard approve.gif]]
| [[Image:setAttribute_plain.gif]]
|}
 
=== [[Monitor icons]]  ===
 
:{| class="CGTable" border="1"
|-
|-
| [[Image:Creditcard approve.gif]]  
| [[Image:Dashboard.gif]]  
| Credit card
| [[Image:Document.gif]]
| [[Image:Document_attachment.gif]]
| [[Image:Earth2.gif]]
| [[Image:Folder.gif]]
| [[Image:DiagramCross.gif]]
| [[Image:DiagramStandard.gif‎]]
| [[Image:DiagramTracking.gif]]
| [[Image:DiagramCampaign.gif]]
| [[Image:DiagramComparison.gif]]
| [[Image:PowerPoint.gif]]
| [[Image:Presentation.gif]]
|}
|}


=== CATI &amp; Asterisk icons  ===
=== [[CATI & Asterisk icons]] ===


{| border="1" class="CGTable"
:{| class="CGTable" border="1"
|-
! Icon
! Used for
|-
|-
| [[Image:Phone.gif]]
| [[Image:Speaker.gif]]
| [[Image:Check.gif]]
| [[Image:custom.gif]]
| [[Image:Play.png]]  
| [[Image:Play.png]]  
| Play
|-
| [[Image:Record.gif]]  
| [[Image:Record.gif]]  
| Record
| [[Image:Stop.gif]]  
|-
| [[Image:Overhear.gif]]
| [[Image:Phone.gif]]  
| Phone
|-
| [[Image:Speaker.gif]]  
| Speaker
|-
|-
| [[Image:DisconnectPhone.gif]]  
| [[Image:DisconnectPhone.gif]]  
| Disconnect phone
|-
| [[Image:RingPhone.gif]]  
| [[Image:RingPhone.gif]]  
| Ring phone
|-
| [[Image:SleepPhone.gif]]  
| [[Image:SleepPhone.gif]]  
| Sleeping phone
| [[Image:TalkingPhone.gif]]
|-
|
| [[Image:TalkingPhone.gif]]  
|
| Talking phone
|
|}
|}


=== Ungroup icons  ===
=== [[System announcement icons]] ===


{| border="1" class="VerticalTable"
:{| class="CGTable" border="1"
|-
! Icon
! Used for
|-
| [[Image:Calculator.gif]]
| Calculator
|-
| [[Image:Merge.gif]]
| Merge
|-
| [[Image:Inherit.gif]]
| Inherit
|-
| [[Image:Analyze.gif]]
| Analyze
|-
| [[Image:Schedule.png]]
| Schedule.png
|-
| [[Image:Application.gif]]
| Application
|-
| [[Image:Chart.gif]]
| Chart
|-
| [[Image:Select.gif]]
| Select
|-
| [[Image:Select Some.gif]]
| Select some
|-
| [[Image:Select All.gif]]
| Select all
|-
| [[Image:SelectMerge.gif]]
| SelectMerge
|-
| [[Image:Viewoption.gif]]
| Viewoption
|-
| [[Image:Check.gif]]
| Check
|-
| [[Image:Check checked.gif]]
| Checked
|-
| [[Image:Check none.gif]]
| Unchecked
|-
| [[Image:Checks.gif]]
| Checks
|-
|-
| [[Image:Error.png]]  
| [[Image:Error.png]]  
| Error
|-
| [[Image:OK.gif]]
| Ok
|-
| [[Image:Warning.png]]  
| [[Image:Warning.png]]  
| Warning
| [[Image:Check.png]]
|-
| [[Image:Execute.gif]]
| Execute
|-
| [[Image:Layoutxml.gif]]
| Save to xml
|-
| [[Image:Providerxml.gif]]
| Provider xml
|-
| [[Image:Keys.png]]
| Keys
|-
| [[Image:Lock.gif]]
| Lock
|-
| [[Image:Move.gif]]
| Move
|-
| [[Image:Myportal.gif]]
| My portal
|-
| [[Image:Rename.gif]]
| Rename
|-
| [[Image:Resize.gif]]
| Resize
|-
| [[Image:Rules.gif]]
| Rules
|-
| [[Image:Satellite dish.png]]  
| Satellite dish
|-
| [[Image:ViewSlideshow plain.gif]]
| View slideshow
|}
|}


=== Attachment type icons  ===


{| border="1" class="CGTable"
|-
! Icon
! Function
|-
| [[Image:Image access.gif]]
| Access file
|-
| [[Image:Image excel.gif]]
| Excel file
|-
| [[Image:Image word.gif]]
| Word file
|-
| [[Image:Image ppt.gif]]
| Powerpoint file
|-
| [[Image:Image visio.gif]]
| Visio file
|-
| [[Image:Image pdf.gif]]
| Pdf file
|-
| [[Image:Image html.gif]]
| Web page html file
|-
| [[Image:Image xml.gif]]
| XML type
|-
| [[Image:Image text.gif]]
| Normal text type
|-
| [[Image:Image bmp.gif]]
| Bmp type
|-
| [[Image:Image png.gif]]
| Png type
|-
| [[Image:Image gif.gif]]
| Gif type
|-
| [[Image:Image jpg.gif]]
| Jpeg type
|-
| [[Image:Image zip.gif]]
| Zip type
|-
| [[Image:Image wma.gif]]
| Wma file
|-
| [[Image:Notype.gif]]
| Unknown type
|}


== Order of Icons ==
== Order of Icons ==
 
To give CatGlobe a uniform Look &amp; 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.&nbsp;
 
When we have limited space the icons with * may appear with no text labeling.


To give CatGlobe a uniform Look &amp; 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.&nbsp;
=== Some samples  ===


When we have limited space the icons with * may appear with no text labeling.
[[Image:OrderofIcon.gif]]


Order of icons:
=== Order of icons ===


#Add *
#Create *  
#New *
#Add *  
#Save *
#Save * <br>''--------(Separator)''
#Save and next
#Save and next  
#Save and new
#Save and new  
#Save and close
#Save and close <br>''--------(Separator)''
#Open *
#Edit *  
#Edit *
#Open *  
#Open Template
#Open Template  
#Sort up *
#Copy * <br>''--------(Separator)''  
#Sort down *
#Search *  
#Copy *<br>''Separator''
#Refresh *<br>''--------(Separator)''  
#Search *
#Backward *
#Refresh *<br>''Separator''
#Forward * <br>''--------(Separator)''  
#Run
#Print resource information *
#Download
#Send resource information * <br>''--------(Separator)''  
#Go to Site
#'''<span style="color: rgb(255, 102, 0);">Other specified Icons</span>'''<br>''--------(Separator)''  
#View<br>''Separator''
#Delete *  
#Access
#Remove *  
#Navigation Access<br>''Separator''
#Close *<br>''--------(Separator)''  
#Export to Excel *
#Add to Favorites *
#Info *
#Constants
#Other Specialty Icons<br>''Separator''
#Delete *
#Remove *
#Close *<br>''Separator''
#Pager control  
#Pager control  
#No of Records field
#No of Records field


[[Category:LnF_guidelines]]
[[Category:LnF_guidelines]]

Latest revision as of 03:57, 18 October 2013

<accesscontrol>Main:MyGroup</accesscontrol>

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

Icons is grouped based on the their function or number of use in each modules. Click on each group to see more details.

Project tree icons

Attachment type icons

Common use icons

Access icons

Journal icons

User icons

Navigation & Expand/Collapse icons

Editor icons

Questionnaire icons

Report icons

Communicator icons

CGScript icons

Coding job icons

Data icons

Expression icons

Task icons

Webshop icons

Monitor icons

CATI & Asterisk icons

System announcement icons


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.

Some samples

Order of icons

  1. Create *
  2. Add *
  3. Save *
    --------(Separator)
  4. Save and next
  5. Save and new
  6. Save and close
    --------(Separator)
  7. Edit *
  8. Open *
  9. Open Template
  10. Copy *
    --------(Separator)
  11. Search *
  12. Refresh *
    --------(Separator)
  13. Backward *
  14. Forward *
    --------(Separator)
  15. Print resource information *
  16. Send resource information *
    --------(Separator)
  17. Other specified Icons
    --------(Separator)
  18. Delete *
  19. Remove *
  20. Close *
    --------(Separator)
  21. Pager control
  22. No of Records field
Retrieved from "https://testwiki.catglobe.com/index.php?title=Icon_LnF&oldid=24775"