# Configure / Change UI of device-management

**URL:** <https://community.cumulocity.com/t/configure-change-ui-of-device-management/3487>\
**Category:** Forum\
**Tags:** device-connectivity, cumulocity\
**Created:** [July 20, 2022, 11:01am UTC](https://community.cumulocity.com/t/configure-change-ui-of-device-management/3487 "2022-07-20T11:01:30Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Christian\_Guether1](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/christian_guether1/32/14848_2.png) [@Christian\_Guether1](https://community.cumulocity.com/u/Christian_Guether1)\
**Post date:** [July 21, 2022, 6:20am UTC](https://community.cumulocity.com/t/configure-change-ui-of-device-management/3487/2 "2022-07-21T06:20:26Z")

</div>

Hi Manfred,

the Device Management detail pages are rather static and preconfigured. There isn’t any easy solution to modify these pages.

1. Option  
Use the Web SDK and the HOOK\_ROUTE to register your custom Info tab in the device context, e.g.

```javascript
{
      provide: HOOK_ROUTE,
      useValue: [
        {
          context: ViewContext.Device,
          path: 'device-info',
          component: DeviceInfoComponent,
          label: gettext('Info'),
          priority: 10000,
          icon: 'asterisk'
        }
      ],
      multi: true
    }

```

In the `DeviceInfoComponent` you could implement your own layout and information which should be displayed.

1. Option  
You could patch the existing component. I have described the basic steps to create patches [in this post](https://community.cumulocity.com/t/add-custom-fragment-to-the-device-details/7088/7). To update the AssetNotes component (remove the icon), you would have to look here `.\node_modules\@c8y\ng1-modules\asset-notes` (it’s still an AngularJS component). Modifying the overall dashboard for the device info section (`.\node_modules\@c8y\ngx-components\context-dashboard\device-info-dashboard\device-info-dashboard.component.d.ts.map`) will be too complicated. It’s based on a context dashboard and mixes ng1 and Angular widgets.

I would probably go for option 1 and implement something custom.

Regarding your first question, I don’t see any issues with this approach.

Best regards  
Christian

---

_[View the full topic](https://community.cumulocity.com/t/configure-change-ui-of-device-management/3487)._