inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-05-26 17:24:45 +00:00
Code Issues Packages Projects Releases Wiki Activity
99a8192b36
alfresco-content-app/docs/extending/icons.md
Denys Vuika 99a8192b36
[ACA-2064] support custom icons for extensions () 
* icon component, custom svg

* split components, fix modules

* simplify code

* universal icon component

* support custom icon registration

* update docs

* test fixes
2018-12-07 19:09:45 +00:00

1.0 KiB
Raw Blame History

Custom Icons

You can register and use custom .svg icons with toolbars, context menus, etc.

The icons are declared in the features.icons section, for example:

{
  "features": {
    "icons": [
      {
        "id": "adf:join_library",
        "value": "./assets/images/join-library.svg"
      },
      {
        "id": "adf:move_file",
        "value": "./assets/images/adf-move-file-24px.svg"
      }
    ]
  }
}

The id value must conform to the format [namespace]:[name], similar to that of the Material Icon component. The icon file path should be relative to the deployed application root (or index.html file);

After that, you can use the icon id with other elements, for example:

{
  "id": "app.toolbar.move",
  "order": 500,
  "title": "APP.ACTIONS.MOVE",
  "icon": "adf:move_file",
  "actions": {
    "click": "MOVE_NODES"
  }
}

It is also possible to override the icon value or disable the entry from within external extensions.