# Custom user menu tab

**URL:** https://meta.discourse.org/t/custom-user-menu-tab/130091
**Category:** Theme component
**Created:** [October 3, 2019, 1:30am UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091 "2019-10-03T01:30:44Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 3, 2019, 1:30am UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/1 "2019-10-03T01:30:44Z")

</div>

This theme component allows you to add a custom tab containing links in the user dropdown menu.

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/7/a/07a961e3e27a5f43b487143d3fbf61d95bbb909c.png)

## Settings

You can customize the tab’s icon, set links to be visible to users/moderators/admins, and set a custom icon for each link.

 ![58%20PM](https://global.discourse-cdn.com/meta/original/3X/c/3/c37ea0cd056c852470385325856b394504bba6c6.png)

| | | |
| --- | --- | --- |
| 👓 | **Preview** | [Preview on theme-creator.discourse.org](https://theme-creator.discourse.org/theme/awesomerobot/user-menu-tab) |
| 🛠 | **Repository** | [github.com/awesomerobot/discourse-user-menu-tab](https://github.com/awesomerobot/discourse-user-menu-tab) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

Install this theme component

---

<div class="post-metadata">

### Author: ![IAmGav](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/iamgav/32/235598_2.png) [@IAmGav](https://meta.discourse.org/u/IAmGav)
#### Post date: [October 6, 2020, 6:20pm UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/5 "2020-10-06T18:20:17Z")

</div>

@awesomerobot, is it possible to request to have a menu item only showing to a specific group/tl ?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 20, 2020, 10:57pm UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/7 "2020-10-20T22:57:22Z")

</div>

Yeah definitely possible, currently the component does:

```js
 if (this.currentUser.moderator) {
          parseTabSettings(settings.moderator_only_tab_links);
          return items;
        }

```

…swap out `this.currentUser.moderator` to check for a group membership… and then `settings.moderator_only_tab_links` would be swapped out for the specific links for that group.

I can look into adding a setting that accepts various group names and links when I get a chance.

---

<div class="post-metadata">

### Author: ![Himanshu\_Singh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/himanshu_singh/32/216438_2.png) [@Himanshu\_Singh](https://meta.discourse.org/u/Himanshu_Singh)
#### Post date: [April 19, 2021, 4:40am UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/15 "2021-04-19T04:40:46Z")

</div>

Thank you for the component. It is very helpful. A minor request - when I hover on the newly created tab, there is no description and there is no place to add a description.  
[![Image from Gyazo](https://global.discourse-cdn.com/meta/original/3X/f/f/ffe80c17459f6249467284a13e83e2077aff86cd.gif)](https://gyazo.com/84342f8ed709e05758b0655154f4c7e4)

Am I missing something?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [May 29, 2021, 3:51am UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/16 "2021-05-29T03:51:16Z")

</div>

You’re not missing something, there was no way to add a description. I’ve just added the ability to add one, so if you update the component you should see the option at the bottom of the component’s settings.

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [May 31, 2021, 5:00pm UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/17 "2021-05-31T17:00:54Z")

</div>

Hi Kris 🙂 This is awesome 😍 thank you!

I have a question is that possible somehow to add target blank to the tab link? I have some extra part which points outside of the forum.

Thanks again! 🙂 Have a nice day! ❤

---

<div class="post-metadata">

### Author: ![Zup](https://avatars.discourse-cdn.com/v4/letter/z/c37758/32.png) [@Zup](https://meta.discourse.org/u/Zup)
#### Post date: [May 31, 2021, 10:05pm UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/18 "2021-05-31T22:05:33Z")

</div>

Not to overload the requests, but Don’s request got me thinking about other enhancements. If it could, for example, position the custom tab icon to the rightmost, change the color of the icon and the tab’s background, with blank target links to my sister sites, it could replace my current horizontal header links… I mention different color of icon & background because that would help distinguish the menu separately from the current site.

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [February 4, 2022, 11:00am UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/19 "2022-02-04T11:00:36Z")

</div>

> [@awesomerobot](#):
>
> I can look into adding a setting that accepts various group names and links when I get a chance.

Hey Kris. Any chance this will be added to the tc’s settings? We are currently looking to implement this extra menu for our premium users 🙂

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [March 15, 2022, 6:52am UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/20 "2022-03-15T06:52:21Z")

</div>

Hey @awesomerobot are looking forward to implement this feature. Do you accept PRs if we hire a dev to add the feature to the official repo?

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [October 19, 2022, 2:47pm UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/22 "2022-10-19T14:47:08Z")

</div>

Loved this component, but it’s not compatible with the setup of the new user-menu I guess? Are there plans for a similar component to customize the new menu?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [October 19, 2022, 3:07pm UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/23 "2022-10-19T15:07:00Z")

</div>

Some ideas have come up… maybe it’s something an admin or even a user can customize out of the box without a component, but we’re still experimenting with the initial version and some other concepts before seriously considering how that would work.

So once we start making the new user menu the default, it might make sense to build a new component if people are missing this functionality. This is also something that might make more sense as a custom sidebar section rather than a user menu tab?

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [October 19, 2022, 3:33pm UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/24 "2022-10-19T15:33:05Z")

</div>

> [@awesomerobot](#):
>
> This is also something that might make more sense as a custom sidebar section rather than a user menu tab?

Actually, I’d find it most helpful if there will be similar options to customize both (through a theme component or on the backend) So as an admin I could remove or add sections from either and items will not be repeated on the other component.

E.g. I could like to set up a reduced menu (but with admin tab) on some communities:

 ![user-menu-reduced](https://global.discourse-cdn.com/meta/original/4X/8/7/a/87a1b7a23b39931f87c57665d3b9a9864c235521.png)

Then I wouldn’t need an Admin section on the sidebar. Or Bookmarks. Whereas in other cases it could make good sense to have them there.

---

<div class="post-metadata">

### Author: ![hocine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hocine/32/301751_2.png) [@hocine](https://meta.discourse.org/u/hocine)
#### Post date: [April 10, 2023, 5:08pm UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/25 "2023-04-10T17:08:04Z")

</div>

Thanks for this cool feature.  
I’ve been trying to add a new icon, but it seems I’m missing something.  
It works with star and baby, but not woth font awesome icons

 ![grafik](https://global.discourse-cdn.com/meta/original/4X/7/f/f/7ff726e7b2b541dbaa1f14310a18a274c37139b5.png)  
 ![grafik](https://global.discourse-cdn.com/meta/original/4X/0/2/b/02b638f20df34073483a386b6f59d00fc6717838.png)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [April 10, 2023, 5:21pm UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/26 "2023-04-10T17:21:10Z")

</div>

We’re not on Font Awesome 6 yet, so you’ll need to search the version 5 set for available icons here: [Find the Perfect Icon for Your Project in Font Awesome 5 | Font Awesome](https://fontawesome.com/v5/search?o=r&m=free)

It looks like that icon was renamed `shop` in version 6, but it did exist in version 5 with a different name: `store-alt.` So if you update `additional icons` and `custom tab icon` to use `store-alt` it should work!

---

<div class="post-metadata">

### Author: ![Stevo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevo/32/379846_2.png) [@Stevo](https://meta.discourse.org/u/Stevo)
#### Post date: [June 3, 2024, 11:46am UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/29 "2024-06-03T11:46:45Z")

</div>

I downloaded [this theme](https://meta.discourse.org/t/custom-user-menu-tab/130091) so I could edit the user profile dropdown menu. Problem is, I don’t know how to commit the changes. It only has a preview option at the bottom and nowhere to save. I tried asking for help on the theme post but my post was removed for some reason. Any help would be greatly appreciated!

I followed the instructions and made my new menu item like so:

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/0/f/a0f475938332740d68edc37b7e29ec12f75c5e7f.png)

Then I previewed it to confirmed it works like so:

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/0/a/f0a7640fba2bd42c2c8a63cb838880405d422139.png)

But then there is nowhere to commit/save the changes! Am I missing something about the way themes work? Do I have to edit the repository code itself? Sorry for being dumb, I am very new at this.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [June 3, 2024, 11:54am UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/30 "2024-06-03T11:54:36Z")

</div>

> [@Stevo](#):
>
> Am I missing something about the way themes work?

Did you add the theme component to your theme?

 ![Screenshot_20240603_135854_Chrome](https://global.discourse-cdn.com/meta/original/4X/2/4/3/243b1d17a5de7e775978e4838b12a7848101b4c5.jpeg)

---

<div class="post-metadata">

### Author: ![Stevo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stevo/32/379846_2.png) [@Stevo](https://meta.discourse.org/u/Stevo)
#### Post date: [June 3, 2024, 12:03pm UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/31 "2024-06-03T12:03:03Z")

</div>

That did it, thanks! 🙂

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [February 5, 2026, 6:53pm UTC](https://meta.discourse.org/t/custom-user-menu-tab/130091/32 "2026-02-05T18:53:06Z")

</div>

Looks like this is an official theme component 🎉

The Github link redirects to the Discourse repository and it’s listed in official.txt in the all-the-themes repo. Would it be possible to update the links in the OP? Then the update\_from\_meta script in that repo would be able to match the component as being official and wouldn’t try to add it to the third-party file. It was removed from third-party.txt in December after it was added by accident in a prior update. Changing the URL of the repository could prevent that from happening again.

In addition, the #official tag and a first post with the typical elements of an official component would be nice.
