# Achieveving the same fading page transition as NodeBB?

**URL:** <https://meta.discourse.org/t/achieveving-the-same-fading-page-transition-as-nodebb/141678>\
**Category:** Development\
**Created:** [15 בפברואר,‏ 2020,‏ 11:29am UTC](https://meta.discourse.org/t/achieveving-the-same-fading-page-transition-as-nodebb/141678 "2020-02-15T11:29:08Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)\
**Post date:** [15 בפברואר,‏ 2020,‏ 1:08pm UTC](https://meta.discourse.org/t/achieveving-the-same-fading-page-transition-as-nodebb/141678/2 "2020-02-15T13:08:34Z")

</div>

Love the idea! 💡❤ (but tbh, might get annoying pretty fast? 😉 )

Yep can be done.

One way is to override the Topic LIst component something like as follows:

```plaintext
api.modifyClass('component:topic-list', {
        @on('init')
        setup() {
           $("#list-area").fadeOut(0);
        },  
        @on('didRender')
        completeRender(){
          $("#list-area").fadeIn(600);
        }
    }
)

```

I just tested this on TLP and it works, but the changes are in amongst existing overrides of this component, so apologies if there is typo above I merely stripped out all the other unnecessary TLP stuff.

Tempted to add this as a gratuitous option to TLP 😃

NB this won’t support the Category page at present, you will need to develop the idea further.

---

_[View the full topic](https://meta.discourse.org/t/achieveving-the-same-fading-page-transition-as-nodebb/141678)._