# How to modify the user activity screen right side section

**URL:** https://meta.discourse.org/t/how-to-modify-the-user-activity-screen-right-side-section/65451
**Category:** Development
**Created:** [July 2, 2017, 3:54am UTC](https://meta.discourse.org/t/how-to-modify-the-user-activity-screen-right-side-section/65451 "2017-07-02T03:54:43Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![net\_deamon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/net_deamon/32/70126_2.png) [@net\_deamon](https://meta.discourse.org/u/net_deamon)
#### Post date: [July 2, 2017, 3:54am UTC](https://meta.discourse.org/t/how-to-modify-the-user-activity-screen-right-side-section/65451/1 "2017-07-02T03:54:43Z")

</div>

I am trying to add another new tab in the plugin outlet user-activity-bottom ( after Solved,Votes …) .

 ![](https://global.discourse-cdn.com/meta/original/3X/0/0/00f9467d94445abdde28f1abb055f24e51e61a9d.png)

After adding a vertical tab, how do I display its data on the right side.

The template file that has this plugin-outlet is `activity.hbs` , its contoller is `user-activity.js.es6`.

The activity.hbs has following code for “section right”

```
<section class='user-right'>
  {{outlet}}
</section>

```

I was not able to understand how are the questions on the right side being populated, where are its templates located

---

<div class="post-metadata">

### Author: ![jafeth.diazc](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jafeth.diazc/32/101197_2.png) [@jafeth.diazc](https://meta.discourse.org/u/jafeth.diazc)
#### Post date: [July 11, 2017, 6:03pm UTC](https://meta.discourse.org/t/how-to-modify-the-user-activity-screen-right-side-section/65451/2 "2017-07-11T18:03:07Z")

</div>

Hi,

If you look at [app-route-map.js.es6](https://github.com/discourse/discourse/blob/master/app/assets/javascripts/discourse/routes/app-route-map.js.es6), you will see that the routes for the activity types (topics, replies, bookmars, etc.) are nested inside the `user.userActivity` route, so you could create a route map:

```
export default{
  resource: 'user.userActivity',
  path: '/u/:username/activity',
  map(){
    this.route('newStream', { path: 'new-stream' });
  }
}

```

then create a template `user-activity-new-stream.hbs` (this will be displayed inside the outlet you mentioned before) and link to that route in your `user-activity-bottom` connector.

Also, in case you wonder, the activity types routes use the `user-stream` and the `stream-item` components to populate the right side section.

---

<div class="post-metadata">

### Author: ![net\_deamon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/net_deamon/32/70126_2.png) [@net\_deamon](https://meta.discourse.org/u/net_deamon)
#### Post date: [July 11, 2017, 6:22pm UTC](https://meta.discourse.org/t/how-to-modify-the-user-activity-screen-right-side-section/65451/3 "2017-07-11T18:22:58Z")

</div>

Thankyou @jafeth.diazc, I was able to add the route.