# Is there a feature where I can add an extra button to the left menu?

**URL:** <https://community.cumulocity.com/t/is-there-a-feature-where-i-can-add-an-extra-button-to-the-left-menu/2931>\
**Category:** Forum\
**Tags:** cumulocity\
**Created:** [August 17, 2023, 10:38am UTC](https://community.cumulocity.com/t/is-there-a-feature-where-i-can-add-an-extra-button-to-the-left-menu/2931 "2023-08-17T10:38:48Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![brkngcn](https://avatars.discourse-cdn.com/v4/letter/b/b5e925/32.png) [@brkngcn](https://community.cumulocity.com/u/brkngcn)\
**Post date:** [August 17, 2023, 10:38am UTC](https://community.cumulocity.com/t/is-there-a-feature-where-i-can-add-an-extra-button-to-the-left-menu/2931/1 "2023-08-17T10:38:48Z")

</div>

Is there a feature where I can add an extra button to the left menu?

or can I create extra buttons on the left side by editing the code?

 ![newButtonFeature](https://europe1.discourse-cdn.com/flex005/uploads/cumulocity/original/3X/3/6/36451fd9ba3fb7f864e069198955d20a1f2efad2.png)

---

<div class="post-metadata">

**Author:** ![Korbinian\_Butz](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/korbinian_butz/32/10473_2.png) [@Korbinian\_Butz](https://community.cumulocity.com/u/Korbinian_Butz)\
**Post date:** [August 17, 2023, 10:56am UTC](https://community.cumulocity.com/t/is-there-a-feature-where-i-can-add-an-extra-button-to-the-left-menu/2931/2 "2023-08-17T10:56:48Z")

</div>

[This](https://github.com/Cumulocity-IoT/cumulocity-bookmark-plugin) plugin might give you some pointers. It added a “Bookmarks” entry to the Navigator.

---

<div class="post-metadata">

**Author:** ![Hendrik\_Naether1](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/hendrik_naether1/32/17494_2.png) [@Hendrik\_Naether1](https://community.cumulocity.com/u/Hendrik_Naether1)\
**Post date:** [August 17, 2023, 12:52pm UTC](https://community.cumulocity.com/t/is-there-a-feature-where-i-can-add-an-extra-button-to-the-left-menu/2931/3 "2023-08-17T12:52:59Z")

</div>

There are several ways how you can tackle that:

- create a cockpit clone (using c8ycli new cockpit)
- create a plugin (using c8ycli and select plugin) to extend an existing application

Independent of the way you go, you will need to use the `HOOK_NAVIGATOR_NODES` in order to add elements to the side menu. You can even dynamically decide if these should be shown, e.g. if a user has a specific role (by using the canActivate attribute)!

A general description can be found in the [Cumulocity IoT Web Development Tutorial - Part 2: Create your first component](https://community.cumulocity.com/t/cumulocity-iot-web-development-tutorial-part-2-create-your-first-component/5569#navigating-to-the-component-7)

  

* * *

Hendrik Naether

[Software AG Professional Services](https://www.softwareag.com/en_corporate/resources/services/professional-services.html)

[![](https://europe1.discourse-cdn.com/flex005/uploads/cumulocity/original/3X/c/3/c3a93a2618e4708f51be40fe2e142061f7c4edc7.jpeg)](https://www.softwareag.com/en_corporate/resources/services/fast-track-services.html)

---

<div class="post-metadata">

**Author:** ![brkngcn](https://avatars.discourse-cdn.com/v4/letter/b/b5e925/32.png) [@brkngcn](https://community.cumulocity.com/u/brkngcn)\
**Post date:** [August 17, 2023, 2:47pm UTC](https://community.cumulocity.com/t/is-there-a-feature-where-i-can-add-an-extra-button-to-the-left-menu/2931/4 "2023-08-17T14:47:54Z")

</div>

Thanks for your solution suggestions.

Actually, what I want to do is to edit the html code.

I created a new application with c8ycli new cockpit.

In the screenshot, the class property of the menu appears as “navigatorContent”.

 ![navigatorContent](https://europe1.discourse-cdn.com/flex005/uploads/cumulocity/original/3X/f/8/f8c4191f26cf48ab02183a5cdf8885c9c6b9a889.png)

```auto
.\node_modules\@c8y\ngx-components\fesm2015\c8y-ngx-components.js

```

in this file path i find the part in c8y-ngx-components.js file with “navigatorContent”

Code part:

```auto
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && ɵngcc0.ɵsetClassMetadata(NavigatorOutletComponent, [{
        type: Component,
        args: [{
                selector: 'c8y-navigator-outlet, c8y-ui-navigator',
                template: "<nav class=\"navigator\" *ngIf=\"isShown$ | async\" [ngClass]=\"{ open: open }\">\n <ng-content select=\".navigator-slot-top\"></ng-content>\n <ul class=\"navigatorContent\">\n <c8y-navigator-node (nodeClick)=\"collapseNavigator($event)\" [node]=\"node\" *ngFor=\"let node of nodes trackBy trackByPathOrLabel\" [isRoot]=\"true\"></c8y-navigator-node>\n </ul>\n <ng-content select=\".navigator-slot-bottom\"></ng-content>\n</nav>\n"
            }]
    }], function () { return [{ type: HeaderService }]; }, { open: [{
            type: Input
        }], nodes: [{
            type: Input
        }] }); })();

```

Between the \< ul\>\< /ul\> tags

```auto
<a href="https://mywebsite.com/">mywebsite.com</a> 

```

I add this but nothing happens.

---

<div class="post-metadata">

**Author:** ![Tristan\_Bastian](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/tristan_bastian/32/18259_2.png) [@Tristan\_Bastian](https://community.cumulocity.com/u/Tristan_Bastian)\
**Post date:** [August 17, 2023, 3:41pm UTC](https://community.cumulocity.com/t/is-there-a-feature-where-i-can-add-an-extra-button-to-the-left-menu/2931/5 "2023-08-17T15:41:18Z")

</div>

Editing the JS files of the Web SDKs packages is not the intended usecase of the Web SDK and will not be supported here.

Please have a look at [Tutorials - Cumulocity IoT Guides](https://cumulocity.com/guides/web/tutorials/) for an introduction on how to extend applications using the Web SDK.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/system/32/31990_2.png) [@system](https://community.cumulocity.com/u/system)\
**Post date:** [February 13, 2024, 3:41pm UTC](https://community.cumulocity.com/t/is-there-a-feature-where-i-can-add-an-extra-button-to-the-left-menu/2931/6 "2024-02-13T15:41:45Z")

</div>

Closed on February 13, 2024, 3:41pm UTC

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.