Skip to Content

Polishing: Icons

Last modified by Vincent Massol on 2024/11/19 16:14

 XWiki
 Requirements
 Completed
 
 
 

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+ 

Warning

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
Failed to execute the [groovy] macro. Cause: [startup failed: Script15860.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

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

Warning

Related Proposal: Category Images

Failed to execute the [groovy] macro. Cause: [startup failed: Script15861.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • 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

icons_administration_category_sections_images.png
icons_rights.png
icons_administration_import.png

Done

icons_administration_menu.png

Activity Stream

Failed to execute the [groovy] macro. Cause: [startup failed: Script15862.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • 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)

icons_activity_pages.png
icons_activity_message.png

Annotations

Failed to execute the [groovy] macro. Cause: [startup failed: Script15863.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • 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)

icons_annotations.png
icons_annotations_area.png
icons_annotations_tab_actions.png
icons_annotations_administration.png

AWM

Failed to execute the [groovy] macro. Cause: [startup failed: Script15864.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • 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

icons_AWM_fields.png
icons_AWM_actions.png
icons_AWM_actions2.png
icons_AWM_step4.png
icons_AWM_add.png
icons_AWM_dragdrop.png

icons_AWM_palette.png
icons_AWM_step3.png

Dashboard

Failed to execute the [groovy] macro. Cause: [startup failed: Script15865.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • Add Gadget / Column (1): I3 (BG)
  • Gadget Actions (2): 2xI3 (BG)

icons_dashboard.png

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)

icons_dw_header.png
icons_dw_edit.png
icons_DW_documenTree.png
icons_dw_flavor_picker.png

Extension Manager

Warning

Failed to execute the [groovy] macro. Cause: [startup failed: Script15866.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • 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)

icons_EM_extensions.png
icons_EM_ratings.png
icons_EM_status.png

icons_EM_history.png

Flamingo

Error

Remove glyphicon mention from /less/misc.less

Failed to execute the [groovy] macro. Cause: [startup failed: Script15867.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • 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)

icons_flamingo_caret.png
icons_flamingo_panel_wizard_accordion.png
icons_sectionediting.png
icons_skin_xlist_backlinks.png
icons_skin_xlist_goto.png
icons_skin_xlist_tags.png
icons_skin_confirmationModal.png
icons_skin_externallink.png
icons_skin_avatars.png

icons_flamingo_drawer.png
icons_flamingo_menus.png
icons_flamingo_navbar.png
icons_flamingo_login.png
icons_flamingo_breadrumb.png
icons_skin_viewer_changes.png
icons_skin_comments.png

Help

Failed to execute the [groovy] macro. Cause: [startup failed: Script15868.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • Watch (1): I6
  • Configure (1): I6
  • Features Icons (9): 9xI5
  • Applications Icons (6): 6xI5

icons_help_features.png
icons_help_applications.png

icons_help_video.png
.png

Livetable

Error

Deprecate Table Filter (4): Filter I1 (BG) + Arrows 3xI1 (IMG)

Failed to execute the [groovy] macro. Cause: [startup failed: Script15869.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • 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

icons_livetable_AWM_apps.png
icons_livetable_AWM_app.png
icons_livetable_panels.png
icons_livetable_ClassSheet.png
icons_livetable_index_alldocs.png
icons_livetable_index_deletedpages.png
icons_livetable_index_deletedattachments.png
icons_livetable_children.png
icons_livetable_wikis.png
icons_wikis_template.png
icons_livetable_administration_users.png
icons_livetable_administration_groups.png
icons_livetable_notifications.png
icons_livetable_Tour.png
icons_livetable_tablesorter.png
icons_livetable_loading.png

Macros

Error

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) 

icons_macros_wikis.png
icons_macros_messagesender.png
icons_macro_attachment1.png
icons_macro_attachment2.png
icons_macros_gallery.png
icons_macros_spaces.png

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

icons_notifications_ellipsis.png
icons_notifications_add_filter.png

icons_notifications_popover.png
icons_notifications_administration.png
icons_notifications_mail.png
icons_notifications_message.png
icons_notifications_follow.png

Panels

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

icons_panels_info.png

icons_panels_app.png

Search

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

icons_search_results.png
icons_search_arrows.png

icons_search_results_type.png

Search Suggest

Failed to execute the [groovy] macro. Cause: [startup failed: Script15870.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • 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)

icons_search_suggest.png
image_search_suggest_popover.png
icons_seach_suggest_tags.png

Themes

Error

Deprecate colorpicker used by deprecated Colibri Color Themes

  • Create Theme (1): I3 (BG)
  • Remove Deprecate property (1): I3 (BG)
  • Skin Template add (3): 3xI6

icons_themes_add.png
icons_themes_property_remove.png

icons_skin_template_add.png

Tags

Failed to execute the [groovy] macro. Cause: [startup failed: Script15871.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • xdocFooter add / delete (2): 2xI7 (value)
  • Tags Manage (3): 3xI3 (BG)

icons_tags_manage.png
icons_tags.png

Tree

Error

Deprecate yui tree with 15xI7

Remove glyphicon example for leaf

Failed to execute the [groovy] macro. Cause: [startup failed: Script15872.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • Tree (7*): 5*xI5 + Arrows *xI7 (BG + Content)
  • Tree Finder (1): I1 (BG)

icons_tree_finder.png
icons_macros_tree.png

Tour

Warning

Related Proposal: Multi Page Tours

icons_tour_homepage.png

User Profile

Failed to execute the [groovy] macro. Cause: [startup failed: Script15873.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • 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)

icons_profile.png

Web

Failed to execute the [groovy] macro. Cause: [startup failed: Script15874.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

Error

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

icons_web_dataeditor_objects.png
icons_web_dataeditor_objects_edit.png
icons_web_dataeditors_class.png
icons_web_upload.png
icons_web_pagination.png
icons_web_fullscreen.png

icons_web_templates.png
icons_web_user_picker.png
icons_web_group_picker.png
icons_web_page_picker.png
icons_web_attacments.png

Wiki

icons_dw_wiki_flavor_picker.png

Watchlist

Failed to execute the [groovy] macro. Cause: [startup failed: Script15875.groovy: 14: unable to resolve class XmlParser  @ line 14, column 12.     def xml = new XmlParser().parseText(cont)               ^  1 error ]. Click on this message for details.

  • Watchlist Message (XWiki.WatchListMessage) (20): 20xI7 (IMG)

icons_watchlist_email.png


 

About

About

Support

Platform

User Guide

Admin Guide

Developer Guide

Projects

XWiki

Extensions

Other

Contribute

Status

Practices

Under the Hood

Get Involved

Get Connected