Feature #62158

Iconography / Icon identity

Added by Felix Kopp about 5 years ago. Updated about 2 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
-
Target version:
Start date:
2006-07-03
Due date:
% Done:

100%

PHP Version:
Tags:
Complexity:
Sprint Focus:

Description

Please also see the original source at https://github.com/7elix/TYPO3.CMS.Flat/issues/6 (source)

There are three major types of ICONS in the TYPO3 backend:

  1. Module / App icons
  2. Record icons
  3. Action icons

These icon groups have different purposes:

Identity

App icons

Task: Click on icon starts backend module view right away. The complete interface and focus changes for the user.
Position: Module menu / "launcher"
Action: Start different App view

Record icons

Task: Identify single record and are unique per data type. Reside mostly in tables..
Position: In front of record title / within table always the first column
Action: Opens Clickmenu for list of action

Action icons

Task: Trigger primary action directly.
Position: In data tables always within the last column.
Action: Single click starts action right aways - something happens

Visual distinction

App icons

Colorful background. Monochrome/inverted pictogram in the foreground. Rounded corners. Large dimensions of 32x32 Pixels (high-dpi at 64x64px)
Technology: Rendered in moduleMenu as images by ViewHelper

Record icons

transparent background + colorful foreground, No border no corner no background color necessary. Optimized to sit in table list rows at 16x16 Pixels
Technology: Output by IconUtility and img-Tag

Action icons

transparent background + and monochrome, vectorized (FontAwesome). no border, no corner. Output ~16x16 Pixel
Technology: Output based on FontAwesome / monochrome vector font

icon_64.psd View - Icon PSD File with all Icons as Vector (643 KB) Dirk Lipjes, 2014-11-16 10:40

icons_64.zip (73.4 KB) Felix Kopp, 2014-11-18 13:35


Subtasks

Epic #62333: App Icons & Focussed backend AppsClosed

Feature #62335: "People" AppAccepted

Feature #53685: Add edit icons to Backend User "Compare" viewClosedMarkus Sommer

Feature #18602: Tools > User Admin ("Backend User Administration") lacks option to copy an existing userClosed

Feature #16313: Compare usergroup settingsNew

Task #62339: Move EXT:perm into EXT:beuserClosedFrank Naegler

Task #62608: Move Perm next to beusersClosed

Bug #43458: Backend Module user admin: Usergroups not compareableAccepted

Epic #62336: "System health" AppClosed

Epic #62337: "Live search" AppAccepted

Bug #60464: Backend search : Found files not appeared in search results pageNew

Bug #59900: Backend Search -> Show all respect only permissions from first user groupNew

Feature #58724: Implement proper backend file searchClosed

Feature #53666: One search box onlyAccepted

Bug #51982: DB check -> Full search: cannot find hidden pagesClosed

Feature #23188: Access restriction to backend searchRejected

Bug #61203: Reimplement LiveSearchToolbaritem icon based on jQuery (advanced)Closed

Bug #60465: Backend search : File Metadata appears twiceClosed

Epic #62338: "Help center" AppClosed

Feature #62904: Move Help submodul to topbarClosed

Epic #63836: "Recycler App"Closed

Feature #69340: Show backend user + avatar who deleted the record Closed

Bug #62398: Localization overview: No difference in edit icons anymoreClosedFelix Kopp

Bug #62439: Icons for expand/collapse tables in list view are missingClosedFelix Kopp

Bug #62471: Missing icons for disabled paginationClosed

Task #62661: New icon for ordering of inline recordsClosed

Task #63013: Replace user/admin iconsRejected

Associated revisions

Revision c566d953 (diff)
Added by Felix Kopp about 5 years ago

[FEATURE] Monochrome action icons (FontAwesome)

Slot for IconUtility to hook into sprite icon generation.
Delivers monochrome action icons.

"Action icons start actions right with the first click."
Documentation for Iconography in #62158.

Related: #62158
Resolves: #49955
Release: master
Change-Id: I24b1a160b983d690567ad5ba015c6bf13af4f403
Reviewed-on: http://review.typo3.org/33285
Reviewed-by: Ingo Pfennigstorf <>
Tested-by: Ingo Pfennigstorf <>
Reviewed-by: Christian Kuhn <>
Tested-by: Christian Kuhn <>

Revision 356a99a1 (diff)
Added by Felix Kopp almost 5 years ago

[FEATURE] Replace system App iconset - "Tile" style

Bring new high-resolution iconset for all system Apps.
Background color of the tiles is picked from the previous
icon. Pictogram is embraced - althought inverted.

Kudos: Xavier Perseguers, Ingo Pfennigstorf, Benjamin Kott,
Dirk Lipjes, Frank Nägler … everyone involved

Related: #36203
Related: #62158
Resolves: #62333
Releases: master
Change-Id: Icfe45712a655752efda8e192c9533579eb8e57c6
Reviewed-on: http://review.typo3.org/32876
Reviewed-by: Markus Klein <>
Tested-by: Markus Klein <>
Reviewed-by: Anja Leichsenring <>
Tested-by: Anja Leichsenring <>
Reviewed-by: Georg Ringer <>
Tested-by: Georg Ringer <>
Reviewed-by: Ingo Pfennigstorf <>
Tested-by: Ingo Pfennigstorf <>
Reviewed-by: Frank Nägler <>
Tested-by: Frank Nägler <>
Reviewed-by: Christian Kuhn <>
Tested-by: Christian Kuhn <>
Reviewed-by: Felix Kopp <>
Tested-by: Felix Kopp <>
Reviewed-by: Wouter Wolters <>
Tested-by: Wouter Wolters <>

History

#1 Updated by Felix Kopp about 5 years ago

  • Description updated (diff)

#2 Updated by Felix Kopp about 5 years ago

  • Status changed from New to Accepted

#3 Updated by Dirk Lipjes about 5 years ago

#4 Updated by Felix Kopp about 5 years ago

Single icons as export

#5 Updated by Mathias Schreiber almost 5 years ago

  • Target version changed from 7.0 to 7.1 (Cleanup)

#6 Updated by Felix Kopp almost 5 years ago

  • Status changed from Accepted to Resolved

#7 Updated by Riccardo De Contardi about 2 years ago

  • Status changed from Resolved to Closed

Also available in: Atom PDF