# How to create a custom activity tab in user profile?
**URL:** https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047
**Category:** Development
**Created:** [April 9, 2025, 10:29am UTC](https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047 "2025-04-09T10:29:41Z")
**Posts on this page:** 10
**Page:** 1
### Author:  [@SubStrider](https://meta.discourse.org/u/SubStrider)
#### Post date: [April 9, 2025, 10:29am UTC](https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047/1 "2025-04-09T10:29:41Z")
I was dabbling with plugin development and while I have been able to make the plugin settings appear on the admin settings page, I am not quite sure how to make the UI elements to appear on the discourse UI.
If someone can point me to the direction of relevant documentation or which files to look at in any existing plugin as reference, then that would be really great.
PS:
I am trying to modify these sections overall.
1. add a custom string in the (topic meta data) userbit area under the username in the post.
2. add a button in the posts control area to open a form
3. add a custom tab on the user profile activity page
4. add some custom summary information on the user card and user summary stats
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 9, 2025, 11:36am UTC](https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047/2 "2025-04-09T11:36:39Z")
I would recommend using [Introducing Discourse developer toolbar](https://meta.discourse.org/t/introducing-discourse-developer-toolbar/346215) .
Then, look for a plugin outlet where you can insert a component:
Then you can see for example:
Here is a guide about it:
> [@Theme Developer Tutorial: 4. Using Outlets to insert and replace content](https://meta.discourse.org/t/theme-developer-tutorial-4-using-outlets-to-insert-and-replace-content/357799?silent=true):
>
> Discourse uses the [Ember JS Framework](https://emberjs.com/) for its user interface. On top of Ember, Discourse provides a number of APIs to allow themes to customize the user interface. The most commonly-used API is Plugin Outlets. These outlets are positioned throughout Discourse core, and allow themes to render Ember Components inside them. Those components are given access to some contextual information called “outlet args”. Some outlets also “wrap” part of the core user interface, which allows themes to add the…
---
### Author:  [@SubStrider](https://meta.discourse.org/u/SubStrider)
#### Post date: [April 9, 2025, 6:13pm UTC](https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047/3 "2025-04-09T18:13:48Z")
Is it possible to request plugin outlets?
I am hoping to insert user reputation rating under their username. Or based on experience what would be a good place to insert it. topic-map-expanded-after?
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 9, 2025, 6:30pm UTC](https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047/4 "2025-04-09T18:30:17Z")
> [@SubStrider](#):
>
> Is it possible to request plugin outlets?
Sure! You can make #Development topic.
> [@SubStrider](#):
>
> I am hoping to insert user reputation rating under their username
It doesn’t show for some reason, but you do have outlets around the post name:
> **old answer**
>
> [https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/post/meta-data/poster-name.gjs#L119](https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/post/meta-data/poster-name.gjs#L119)
It requires you enable the glimmer post stream mode:
Then, they appears:
---
### Author:  [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [April 9, 2025, 10:56pm UTC](https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047/5 "2025-04-09T22:56:20Z")
So this outlet would be `post-metadata__after`, or use `renderAfterWrapperOutlet("post-metadata")`?
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 9, 2025, 11:10pm UTC](https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047/6 "2025-04-09T23:10:23Z")
> [@NateDhaliwal](#):
>
> renderAfterWrapperOutlet(“post-metadata”, …)
That would be a good option to try, yes.
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [April 10, 2025, 11:06am UTC](https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047/7 "2025-04-10T11:06:34Z")
> [@Arkshine](#):
>
> It requires you enable the glimmer post stream mode:
It’s fine to play with this, but please make sure to read the disclaimer in the setting description. This mode is not yet ready for production use. We aren’t even using it on Meta.
For the current post-stream implementation, you’d need to use the old `decorateWidget` API, or the `addPosterIcon` API:
>
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 10, 2025, 11:22am UTC](https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047/8 "2025-04-10T11:22:32Z")
Sorry, David, I got too excited with the new stuff that I completely disregarded the warning that it’s still under active development. 😅 I will be careful next time.
---
### Author:  [@SubStrider](https://meta.discourse.org/u/SubStrider)
#### Post date: [April 17, 2025, 7:33am UTC](https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047/9 "2025-04-17T07:33:06Z")
> [@SubStrider](#):
>
> add a button in the posts control area to open a form
For this I used the following to render the button.
```plaintext
api.registerValueTransformer("post-menu-buttons", ({ value: dag, context })
```
Now I am stuck where I am not able to open the modal without errors when using other components.
> [@GJS component fails with "undefined helper" error when shown via modal service (Discourse 3.5.0](https://meta.discourse.org/t/gjs-component-fails-with-undefined-helper-error-when-shown-via-modal-service-discourse-3-5-0/362272):
>
> encountering a persistent rendering error when trying to display a Glimmer component (.gjs) as a modal using this.modal.show(). The modal is triggered from another GJS component added to the post menu via the post-menu-buttons value transformer. I’m running Discourse v3.5.0.beta3-dev I am trying to Add a button to the post menu using api.registerValueTransformer("post-menu-buttons", ...). Clicking this button should open a modal defined by a separate GJS component (FeedbackFormModal) using this…
---
### Author:  [@system](https://meta.discourse.org/u/system)
#### Post date: [May 17, 2025, 7:33am UTC](https://meta.discourse.org/t/how-to-create-a-custom-activity-tab-in-user-profile/361047/10 "2025-05-17T07:33:42Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.