Custom user menu tab

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

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.

Install this theme component

48 Likes

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

8 Likes

Yeah definitely possible, currently the component does:

 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.

7 Likes

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

Am I missing something?

3 Likes

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.

8 Likes

Hi Kris :slightly_smiling_face: This is awesome :heart_eyes: 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! :slightly_smiling_face: Have a nice day! :heart:

1 Like

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.

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 :slight_smile:

4 Likes

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?

2 Likes

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?

2 Likes

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?

4 Likes

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

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.

4 Likes

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


2 Likes

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

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!

3 Likes

I downloaded this theme 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:

Then I previewed it to confirmed it works like so:

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.

1 Like

Did you add the theme component to your theme?

2 Likes

That did it, thanks! :slight_smile:

2 Likes