Hi Alex,
Well done for getting so far, documentation is still lacking so it shows some perseverance on your part.
Interesting hack you are trying, without investigating why your icon doesn’t make it into the final image I would guess that the yarn install
command which is run as part of ./gradlew clean installDist
causes your modifications to the @mdi
package in node_modules
to be lost.
You can always do what your doing (placing the svg into the @mdi
package and then generate the mdi-icons.json
file using:
cd ui/component/core
npm run generate
The mdi-icon.json
file will be in the dist
folder, you can then copy this into a running manager
container or use a volume mapping
, the path within the manager container is:
/opt/web/shared/mdi-icons.json
The more structural approach is to use a custom icon set
as demoed/tested in code at:
Inspired by what the old polymer
iron icons
used to do, you can essentially have sets of icons and mdi
is set as the default in our UI components we also have an or
icon set which just has OpenRemote
logos in at the moment. To use an icon set you just prefix the icon
name with the icon set
name e.g.:
or:logo
Using this mechanism you could load your own iconset
but you’d need to write some UI code to do this so your hack is the quickest approach.
Rich