Difference between revisions of "Icon LnF"
(New page: Category:LnF_guidelines) |
|||
| Line 1: | Line 1: | ||
| + | <span style="color: #ff9900">'''Icon LnF'''</span> | ||
| + | |||
| + | #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 Appendix A for 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. | ||
| + | |||
[[Category:LnF_guidelines]] | [[Category:LnF_guidelines]] | ||
Revision as of 07:33, 24 December 2008
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 Appendix A for 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.
