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">
        label: 'awesome.label',
        className: 'my-class',
        icon: 'your-icon',
        href: `/some/path`

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?

Is there a way to do this but for the profile quick access menu?

Screenshot 2020-10-08 at 10.30.40

How would one go about adding a link there?

Sorry for reviving an old topic, but this seems related.

1 Like