Custom app icon

[Bishan_T_Prasad]

Hi All,

I wanted to check if we can change the app icon to custom one. I tried changing by using the application options provided in the doc but did not succeed.
Below is what I tried to add to package.json file

“icon”: {
“url”: “ing.png”
}

Any pointer would be helpful.

Thanks
Bishan

[Tristan_Bastian]

Hi Bishan,

If you want to have a custom image, the url should look something like this:

      "icon": {
        "url": "url(/apps/<contextPath>/assets/app-icon.png)"
      },

See e.g. https://github.com/SoftwareAG/cumulocity-node-red/blob/main/frontend/package.json#L82-L84
The <contextPath> should match the context path of your application.

You can use the copy plugin to copy the image into your build, as otherwise the file will be missing:

      "copy": [
        { "from": "assets", "to": "assets" }
      ]

See: https://github.com/SoftwareAG/cumulocity-node-red/blob/main/frontend/package.json#L85-L89

Regards,
Tristan

[Bishan_T_Prasad]

Hi Tristan,

I checked this post where you have explained it.
Thanks for the detailed info. It helped.

Thanks
Bishan

[Bishan_T_Prasad]

And is there any such configuration to hide the app icon?

Thanks
Bishan

[Tristan_Bastian]

You can use the noAppSwitcher application option to hide it from the AppSwitcher.

If you want to hide it within the application you can do so via CSS.