Custom icon for application

[nolasailing (Yvonne Hegenbarth)]

Hi everyone,
the following you’ll find my concern.

Best regards,
Yvonne

Product/components used and version/fix level are you on:

c8y websdk 1015.0.369

Detailed explanation of the problem:

I would like to include custom icons to build an application instead of the c8y-icons.

For example, I have defined a new navigator node like

´´´
exampleNode = new NavigatorNode({
label: “Example Node”,
path: “/example”,
iconTemplate: “”, // ??
priority: -100
});

´´´
How can I use the iconTemplate param, to include my own collection of icons?

[Tristan_Bastian]

Hi Yvonne,

you can use the iconComponent attribute (Web SDK documentation) to specify your own component for the icon.
You can do this either like this:

      const node = new NavigatorNode({
        label: 'Stepper',
        iconComponent: TimeNavigatorNodeComponent,
        path: '/stepper',
        priority: 98
      })

or like this:

    const node = new NavigatorNode({
      label: 'Stepper',
      path: '/stepper',
      priority: 98
    });
    node.iconComponent = TimeNavigatorNodeComponent;

Regards,
Tristan