Customize "Device Management" application

Forum
1

Hi All,

I am trying to customize the “Device Management” application. Towards that I wanted to remove the “Device types” navigator node appearing in the Navigator menu on the left. Attached is the screenshot of the node item that I would like to remove in my application.

Any help in this direction is appreciated. Please let me know what files should I modify to achieve this.

Thanking everybody in advance.

Best Regards.

UI
UI1920×1080 209 KB

2

Hi Veenit,

*ngIf=“node.label != ‘Device types’” add this condition in components\core\navigator\navigator-node.component.html template. You can hide the “Device types” tab. Hope this will help you :slightly_smiling_face:

image
image626×305 15.7 KB

3

Hello Ashwini,

Thank you for the reply. I shall try and get back in case of anything.

Regards,
Veenit

4

@anon83388516 but that is only possible if I create my own app based on the devicemanagement template from @c8y/apps NPM-package!?

My usecase is different to the one of Veenit:
I want to add a custom action for a device. There should be a additional button in the details view for a device which executes a call to a REST endpoint of one of my c8y Microservices. But I think for that I need to setup an custom Angular app. Right?

Thanks!
BR,
Florian

5

@florian.gopp please refer https://cumulocity.com/guides/web/tutorials/ here it is explained how to add custom action for a device in the details view for a device.

6

@anon83388516 thanks for your reply and the link! So if I understand that right I can extend the standard c8y-Apps and “override” the existing apps with my extended app.