How to customize the user dropdown menu?

I would like to add a direct link to the users activity page to the user dropdown menu, either as an icon:


Or as text.

How do I do it?

Create a new CSS/HTML customization, and put this in “</head>”

<script type="text/discourse-plugin" version="0.4">
    api.addUserMenuGlyph({
        label: 'awesome.label',
        className: 'my-class',
        icon: 'your-icon',
        href: `/some/path`
});
</script>

How do I write the href path if it includes the username (as in /users/username/activity)?

Note to anyone wanting to use this: if you use an fontawesome icon, you give the icon name without the leading fa-

You can cheat and use “/my/activity” :wink:

And how do I compose the label properly (so that I can draw on existing localizations)?

And what about the mobile version? There is no <\head> in the mobile version…

You can have a look at the client.en.yml file if you want to use existing localizations.

“</head>” works for both.

Excellent! Based in what I saw in client.en.yml, I tried label: 'activity_stream' but it didn’t work. label: 'activity' works.

That’s because “activity_stream” is under “user” and should thus be referenced as “user.activity_stream” :wink:

You are a great teacher. Thank you very much!

Same method for that?

프로필 빠른 액세스 메뉴에도 이렇게 할 수 있는 방법이 있나요?

거기에 링크를 추가하려면 어떻게 해야 하나요?

오래된 주제를 다시 꺼낸 점 죄송합니다. 하지만 이 내용과 관련이 있어 보입니다.