# Customizing User Settings modal in Right Drawer at Tenant Level

**URL:** <https://community.cumulocity.com/t/customizing-user-settings-modal-in-right-drawer-at-tenant-level/2041>\
**Category:** Forum\
**Tags:** cumulocity\
**Created:** [August 8, 2024, 7:48am UTC](https://community.cumulocity.com/t/customizing-user-settings-modal-in-right-drawer-at-tenant-level/2041 "2024-08-08T07:48:11Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Divya\_Krishnamurthy](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/divya_krishnamurthy/32/19498_2.png) [@Divya\_Krishnamurthy](https://community.cumulocity.com/u/Divya_Krishnamurthy)\
**Post date:** [August 8, 2024, 7:48am UTC](https://community.cumulocity.com/t/customizing-user-settings-modal-in-right-drawer-at-tenant-level/2041/1 "2024-08-08T07:48:11Z")

</div>

Hello,

To add new custom fields in User Settings of the Right Drawer, after referring to [Can we add a custom link to the user settings?](https://community.cumulocity.com/t/can-we-add-a-custom-link-to-the-user-settings/2200) I was able to add the new User settings modal and remove existing User Setting modal, but it is reflecting at the application level, how do I make it reflect at the tenant level?

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/cumulocity/original/3X/1/b/1bb3ed4e1d39b73627d699b69e39b65d30902d52.png)

Thanks,  
Divya K

---

<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 8, 2024, 8:12am UTC](https://community.cumulocity.com/t/customizing-user-settings-modal-in-right-drawer-at-tenant-level/2041/2 "2024-08-08T08:12:38Z")

</div>

Hi @Divya_Krishnamurthy,

every UI application is an UI on it’s own. Making changes to one application, won’t apply to the others.  
You could develop your custom user settings as a plugin and install that plugin to all of your applications.

Regards,  
Tristan

---

<div class="post-metadata">

**Author:** ![Divya\_Krishnamurthy](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/divya_krishnamurthy/32/19498_2.png) [@Divya\_Krishnamurthy](https://community.cumulocity.com/u/Divya_Krishnamurthy)\
**Post date:** [August 9, 2024, 10:21am UTC](https://community.cumulocity.com/t/customizing-user-settings-modal-in-right-drawer-at-tenant-level/2041/3 "2024-08-09T10:21:03Z")

</div>

Hello @Tristan_Bastian, thanks for the response,  
I remember trying it out and even according to this [Micro Front-end - Customize the left navigation menu](https://community.cumulocity.com/t/micro-front-end-customize-the-left-navigation-menu/2462), removing an existing User settings modal won’t work in the micro front-end/plugin. Can you please clarify my understanding is correct, If yes then any alternative suggestion?

Thanks,  
Divya K

---

<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 9, 2024, 10:13pm UTC](https://community.cumulocity.com/t/customizing-user-settings-modal-in-right-drawer-at-tenant-level/2041/4 "2024-08-09T22:13:57Z")

</div>

Hi @Divya_Krishnamurthy,

you might still be able to use the `remove` method of the `UserMenuService` to remove certain items from there.  
As an alternative you could also add a stylesheet that would take care of hiding the default user menu entry.

The approach that you tried in [Micro Front-end - Customize the left navigation menu](https://community.cumulocity.com/t/micro-front-end-customize-the-left-navigation-menu/2462) (replacing the default implementation of a service with custom implementation of that service) will not work with micro frontends. You can how ever still use the API offered by these services to remove certain elements from their state if supported. How ever this is still not how micro frontends were meant to be used as they were meant to add functionality, not remove it.

Regards,  
Tristan

---

<div class="post-metadata">

**Author:** ![Divya\_Krishnamurthy](https://dub1.discourse-cdn.com/flex005/user_avatar/community.cumulocity.com/divya_krishnamurthy/32/19498_2.png) [@Divya\_Krishnamurthy](https://community.cumulocity.com/u/Divya_Krishnamurthy)\
**Post date:** [August 23, 2024, 10:15am UTC](https://community.cumulocity.com/t/customizing-user-settings-modal-in-right-drawer-at-tenant-level/2041/5 "2024-08-23T10:15:48Z")

</div>

Thanks a lot, @Tristan_Bastian for the support.  
Below snippet example of the remove method for reference

```auto
this.userMenu.items$
      .pipe(
        map((res) => res.find((item) => item.label === "User settings")),
        filter(Boolean),
        first()
      )
      .subscribe((res) => {
        return this.userMenu.remove(res as unknown as UserMenuItem);
      });

```

---

<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 19, 2025, 10:16am UTC](https://community.cumulocity.com/t/customizing-user-settings-modal-in-right-drawer-at-tenant-level/2041/6 "2025-02-19T10:16:33Z")

</div>

Closed on February 19, 2025, 10:16am UTC

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