Project

General

Profile

Feature #62158

Updated by Felix Kopp over 9 years ago

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:* 

 # Module / App icons 
 # Record icons 
 # Action icons 

 These icon groups have different purposes: 

 h1. Identity 

 h2. 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 

 h2. 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 

 h2. 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 


 h1. Visual distinction 

 h2. 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 

 h2. 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 

 h2. Action icons 

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

Back