Requirements
 Completed
  • Open XWIKI-10755 Replace Silk icons references with IconThemes values
  • Open XWIKI-15149 Icons not visible anymore on the login page for a wiki not visible to guest
  • Closed XWIKI-12098 The icons used to display Annotations use Silk instead of the Icon Theme Application
  • Closed XWIKI-10753 Make Administration use IconThemes
  • Open XWIKI-14344 Make AWM use IconThemes
  • Open XWIKI-15115 Make Search Suggest use IconThemes
  • Open XWIKI-15114 Make Tree use IconThemes
  • Open XWIKI-15067 Update/replace pagination icons
  • Open XWIKI-15065 Replace Silk icons with Icon Themes values in attachments Upload component
  • Open XWIKI-15069 Make Tags use IconThemes
  • Open XWIKI-14342 Make Extension Manager use IconThemes
  • Open XWIKI-14343 Make Livetables use IconThemes
  • Closed XWIKI-12595 Replace the Glyphicon icons with IconThemes variables in menus
  • Open XWIKI-10754 Make Activity Stream use IconThemes
  • Open XWIKI-11435 Make User Profile use IconThemes
  • Open XWIKI-11043 Use Flamingo-like button styling when editing Dashboard
  • Open XWIKI-12473 Provide a nicer default avatar for the Admin user
  • Closed XWIKI-14333 Use the icon theme for the attachment mime type icons
  • Open HELPCENTER-16 Make Help use IconThemes
  • Closed XWIKI-12595 Replace the Glyphicon icons with IconThemes variables in menus
  • Closed XWIKI-14335 Replace the Glyphicon icons with IconThemes variables in templates
  • Closed XWIKI-15560 Use the defined icon set for the livetable action icons
 
 

Description

Generic

Purpose

  • Assure consistency across UI
  • Make sure icons are controlled by the Icon Theme
  • Support both inline icons (img src) [supported] and decorative (background-image) [not yet supported] 

Note: Screenshots done on 10.6+ 

To Do Icons 

  • Replace icons from the "Other" category with Icon Themes equivalents
  • Replace icons adding using IMG method with Icon Themes variables
  • Find a solution for the icons added using the BG and Content methods
  • Clean up old icons and standardize usage

Issues

Issue type Issue stateXWIKI-10755 Replace Silk icons references with IconThemes values
Issue type Issue stateXWIKI-15149 Icons not visible anymore on the login page for a wiki not visible to guest

Icons

Overview

Icon SetNO Icon I0xwiki I1datamodel I2silk I3glyphicon I4fa I5Icon Theme I6Other I7Feature Total
IMGBGIMGBGIMGBGIMGBGContent / Border / Value  etc.
Administration4+1339*20+1463
Activity Stream311+11218
Annotations4+1+ 1+2+ 31416
AWM611+1+1+14+16+3*31+29
Dashboard1+23
Distribution Wizard1+1+13/11210
Extension Manager29+56+1+*1+24
Flamingo21+12+19+23+3* +2+2+ 5+41+1+3+60
Help9+61+117
Livetable3+3+115+3+1118
Macros2+1+1+21310
Notifications1+113+* +5+* +33+26
Panels13+*+4
Search19414
Search Suggest151+5+11+115
Skin + Themes1+135
Tags325
Tree15**+6
Tour44
User Profile21+16111
Web2+182+1125+4+3+43+3+ 7+8+2+*+74
Wiki11
Watchlist2020
Type Total?51106132589/23+14863+14+11+453

Administration

Related Proposal: Category Images
XWIKI-10753 Make Administration use IconThemes
  • Categories menu (9*): 9+xI6
  • Categories & Sections images (20): 20xI7 (IMG)
    • Default Section (1): I7 (IMG)
    • WYSIWYG Section (2): 2xI7 (IMG)
    • Invitation Section (1): I7 (IMG)
    • Email Section (1): I7 (IMG)
    • Panels Section (1): I7 (IMG)
    • Extension Section (2): 2xI7 (IMG)
    • Analytics Section (1): I7 (IMG)
    • Message Stream Section (1): I7 (IMG)
    • Office Importer Section (1): I7 (IMG)
    • Request Section (1): I7 (IMG)
    • Search Section (2): 2xI7 (IMG)
  • Users & Groups: see Livetable
  • Rights (4+13): 4xI1 (IMG) + 13 other icons not used (userandgroups/img)
  • Import (3): 3xI3 (BG)

To Do

Done

Activity Stream

Issue type Issue stateXWIKI-10754 Make Activity Stream use IconThemes
  • Type Page (1): I3 (BG)
  • Activity Actions (11) (3Page + 3Comments + 3Annotations + 2Message): 11xI3 (IMG)
  • Activity Actions (3) (3Attachment): 11xI1 (IMG)
  • Arrows (2): 2xI7 (Value)
  • RSS (1): I3 (IMG)

Annotations

XWIKI-12098 The icons used to display Annotations use Silk instead of the Icon Theme Application
  • Administration Section Icon (1): I7 (IMG)
  • Annotation Tools (4): 4xI3 (BG)
  • Annotation Tab Tools (3): 3xI3 (BG)
  • Annotation Type (Altered, Updated, etc.) (4): 4xI7 (BG)
  • Annotation Add menu (Colibri) (1): I3 (BG)
  • Annotation Add area + Criteria (3): 1 + 2xI3 (BG)

AWM

Issue type Issue stateXWIKI-14344 Make AWM use IconThemes
  • Actions (5): 4xI3 (BG) + I7 (BG) (Translate)
  • Palette (12): 6xI2 (IMG) + 6xI6
  • Toolbox (4): 3xI7 (IMG) + I3 (IMG)
  • Static List Add (1): I3 (IMG)
  • DateTime Picker (1): I2 (BG)
  • Step 3 (3): I6 + 2*xI6
  • Step 4 (1): I3 (IMG)
  • Add entry (1): I3 (IMG)
  • Drag & Drop hint (1): I3(BG)
  • See Livetable

Dashboard

Issue type Issue stateXWIKI-11043 Use Flamingo-like button styling when editing Dashboard
  • Add Gadget / Column (1): I3 (BG)
  • Gadget Actions (2): 2xI3 (BG)

Distribution Wizard

Technically, the DW styling in the install step, needs to fallback on the filesytem icons since the Icon Themes are not installed yet.

  • Logo + Header (2): 2xI7 (IMG | BG)
  • Pencil (1): I3 (IMG)
  • Document Tree (6): 3xI3 (BG) + I3 (IMG) Delete + 2xI7 (Content) Tree expand
  • Flavor Picker (1): I3 (IMG)

Extension Manager

Issue type Issue stateXWIKI-14342 Make Extension Manager use IconThemes
  • Extension Type / Status (9): 9xI3 (BG)
  • Search placeholder + Loading (2): 2xI1 (BG)
  • Search button (1): I6
  • Logging (5): 5xI3 (BG)
  • History (6+*): 6+xI6 (service)
  • Ratings (1): I7 (BG)

Flamingo

Remove glyphicon mention from /less/misc.less
XWIKI-12595 Replace the Glyphicon icons with IconThemes variables in menus
Issue type Issue stateXWIKI-15149 Icons not visible anymore on the login page for a wiki not visible to guest
Issue type Issue stateXWIKI-12473 Provide a nicer default avatar for the Admin user
  • Drawer (9): 9xI6
  • Menus (23): 23xI6
  • NavBar (3*): 3xI6
  • Menu Caret (1): I7 (Border)
  • Login (2): 2xI6
  • Accordion (1): I1 (BG)
  • Breadcrumb (2): 2xI6 + see Tree 
  • Section Editing (1): I7 (Content)
  • XList (viewer=info + tags + goto) (2): 2xI3 (BG)
  • Viewer Changes (3+5): Arrows 3xI7 (Content + Border) + Diff Items 5xI6 
  • Comments (4): 4xI6
  • Confirmation Modals (1): I3 (BG)
  • External Link (1): I1 (BG)
  • User and Group avatars (2): 2xI1 (IMG)

Help

Issue type Issue stateHELPCENTER-16 Make Help use IconThemes
  • Watch (1): I6
  • Configure (1): I6
  • Features Icons (9): 9xI5
  • Applications Icons (6): 6xI5

Livetable

Deprecate Table Filter (4): Filter I1 (BG) + Arrows 3xI1 (IMG)
Issue type Issue stateXWIKI-14343 Make Livetables use IconThemes
  • Actions (5: Edit, Delete, Copy, Rename, Rights): 5xI3 (BG)
  • Loading (1): I1 (IMG)
  • Index Deleted Doc (3: Error, Restore, Delete): 3xI3 (BG)
  • Index Deleted Attachments (1: Delete): I3 (BG)
  • Tour (1: Launch): I5 (SPAN)
  • Users & Groups (3: Edit, Delete-Disabled): 3xI1 (IMG)
  • AWM Examples: Menu, Contributors, Movies, etc.

Livetables actions with icons:

             EditDeleteCopyRenameRightsRestoreLaunch
AWM Apps     ✔   ✔                            
AWM Example  ✔   ✔                            
Panels       ✔   ✔                            
ClassSheet   ✔   ✔                            
Index AllDocs    ✔     ✔   ✔     ✔            
Index DelPage    ✔                     ✔      
Index DelAtt     ✔                            
Children         ✔     ✔   ✔                  
Wikis        ✔   ✔                            
WikisTemplate✔   ✔                            
Users        ✔   ✔                            
Groups       ✔   ✔                            
Notifications    ✔                            
Tour         ✔   ✔                            
Count       9  14   2  2    1    1     1

Note: Some livetables don't add icons to their actions, some have just text, or buttons

Macros

Deprecate Remove Macros: 

  • Space Index (Main.SpaceIndex)
  • Spaces (Main.Spaces)
  • Workspaces (Legacy) (WikiManager.LegacyWorkspacesMacro) - duplicate of Wikis (WikiManager.WikisMacro)
  • Watchlist (XWiki.WatchListMacro)
  • Wikis Macro (2): 2xI3 (BG)
  • Children, DocumentTree, Tree Macros : see Tree
  • Message Sender Main.MessageSenderMacro (1): I3 (IMG)
  • Attachment Selector XWiki.AttachmentSelector (1+2+1): I3 (BG) + 2xI3 (BG)+ I6 (Mime)
  • Gallery (3): 3xI7 (BG) 

Notifications

  • Notifications Mail (XWiki.Notifications.MailTemplate) (3): 3xI7
  • Notifications Popover (3+3+1+PageTypes4+MessageTypes2*): 13+*xI6
  • Notifications Administration (3+AppTypes2*): 5+*xI6
  • Add Filter (1): I5
  • Event Ellipsis (1): I5
  • Following (3): 3xI6
  • See Livetable

Panels

  • AppBar (3*): 3xI6*
  • Available message (1): I3 (IMG)
  • See Livetable

Search

  • File Type Arrows (Main.SolrSearch) (4): 4xI7 (BG)
  • Icon Theme icons (9): 9xI6 (2Arrows, Magnifying, Info, Breadcrumb, 4Type)
  • RSS (1): I3 (BG)

Search Suggest

Issue type Issue stateXWIKI-15115 Make Search Suggest use IconThemes
  • Admin Source Type (5): 5xI3 (IMG)
  • Admin Add (1): I3 (BG)
  • Admin Delete (1): I6
  • Popover Source Type (5): 5xI3 (BG)
  • Popover Breadcrumb (1): I6
  • Popover Loading Spinner (1): I1 (BG)
  • Tags Suggest (1): I3 (BG)

Themes

Deprecate colorpicker used by deprecated Colibri Color Themes
  • Create Theme (1): I3 (BG)
  • Remove Deprecate property (1): I3 (BG)
  • Skin Template add (3): 3xI6

Tags

Issue type Issue stateXWIKI-15069 Make Tags use IconThemes
  • xdocFooter add / delete (2): 2xI7 (value)
  • Tags Manage (3): 3xI3 (BG)

Tree

Deprecate yui tree with 15xI7

Remove glyphicon example for leaf

Issue type Issue stateXWIKI-15114 Make Tree use IconThemes
  • Tree (7*): 5*xI5 + Arrows *xI7 (BG + Content)
  • Tree Finder (1): I1 (BG)

Tour

Related Proposal: Multi Page Tours

User Profile

Issue type Issue stateXWIKI-11435 Make User Profile use IconThemes
  • noavatar from Sheet (1): I7 (IMG)
  • noavatar + noavatargroup (2): 2xI1 (IMG)
  • User categories (6): 6xI6
  • Avatar Picker Start (1): I3 (BG)
  • Edit Profile Category (1): I3 (BG)

Web

Issue type Issue stateXWIKI-15067 Update/replace pagination icons
Issue type Issue stateXWIKI-15065 Replace Silk icons with Icon Themes values in attachments Upload component
XWIKI-14333 Use the icon theme for the attachment mime type icons

Deprecate yui calendar with 3xI7

Remove webapps/xwiki/resources/icons/xwiki: 

  • ajax-loader-white.gif (Not used)
  • create-link.png
  • diff-header.png
  • edit-section.png
  • lquo.gif + rquo.gif
  • odf_textdocument.png
  • plugin_wrench.png
  • relevance.png
  • spinner-white.gif

  • parent_edit.gif (1 usage)
  • Pagination (2): 2xI1 (BG)
  • User Picker (1): I6
  • Group Picker (1): I6
  • Page Picker (1): I6
  • Location Picker (3): 3xI6
  • Templates (1+1+1+4+*): 7+*xI6
  • Data Editors - Objects (5): 5xI3 (BG)
  • Data Editors - Class (4+14): 4xI3 (BG) + 14xI2 (BG)
  • Upload (3+1): 3xI3 (BG) + I1 (BG)
  • Attachments (4+8+2+*): 4xI3 (BG) + 8xI6 Types + 2+*xI6 (Actions)
  • Full screen (2+18): 2xI3 (IMG) + 18xI3 (IMG) wiki editor

Wiki

Watchlist

XWIKI-14202 Disable the watchlist on XWiki by default
  • Watchlist Message (XWiki.WatchListMessage) (20): 20xI7 (IMG)

 

Tags:
Created by Ecaterina Moraru (Valica) on 2018/07/16 13:09
    

Get Connected