# Klikanimatie voor onderwerp-lijstitem

**URL:** https://meta.discourse.org/t/topic-list-item-click-animation/272181
**Category:** Theme component
**Created:** [19 juli 2023 om 20:04 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181 "2023-07-19T20:04:26Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![digitaldominica](https://avatars.discourse-cdn.com/v4/letter/d/97f17d/32.png) [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [6 januari 2024 om 08:40 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/21 "2024-01-06T08:40:33Z")

</div>

Okay I understand now, Thanks

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 01:33 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/22 "2024-04-12T01:33:50Z")

</div>

Hi guys, it works when I click the Preview button in the component, other than that, no effect outside the preview… Any idea? Thanks !

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [12 april 2024 om 01:36 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/23 "2024-04-12T01:36:37Z")

</div>

Do you have it applied to your themes? Is something else overriding it?

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 01:37 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/24 "2024-04-12T01:37:20Z")

</div>

Yeah, only one theme, applied to that theme, installed the spinner component as well (before) but no effect.

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [12 april 2024 om 01:38 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/25 "2024-04-12T01:38:52Z")

</div>

Strange, could you share what the settings on the theme itself look like? It should have a list of components.

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 01:40 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/26 "2024-04-12T01:40:07Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/b/6/8/b68a0acde7215313e1ee3672a37f45bef793a07d.png)

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [12 april 2024 om 01:42 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/27 "2024-04-12T01:42:03Z")

</div>

No, I mean on the theme itself, like so:

 ![image](https://global.discourse-cdn.com/meta/original/4X/d/4/5/d459083d0c8a30845a28ff25b9653479b1056267.png)

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 01:44 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/28 "2024-04-12T01:44:13Z")

</div>

![image](https://global.discourse-cdn.com/meta/original/4X/2/3/9/2396ae273a84296c53c65ab67e243bae19b784aa.png)

---

<div class="post-metadata">

### Author: ![Firepup650](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/firepup650/32/465200_2.png) [@Firepup650](https://meta.discourse.org/u/Firepup650)
#### Post date: [12 april 2024 om 01:45 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/29 "2024-04-12T01:45:33Z")

</div>

Interesting, it looks like it _should_ be applied, does a hard refresh (Ctrl + Shift + R) have any effect?

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 01:46 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/30 "2024-04-12T01:46:55Z")

</div>

Nope… interesting that it works in Preview mode…

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 01:48 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/31 "2024-04-12T01:48:38Z")

</div>

Thanks for looking at my problem anyway !

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 01:55 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/32 "2024-04-12T01:55:48Z")

</div>

I deactivated every other component but not any better…

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [12 april 2024 om 01:58 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/33 "2024-04-12T01:58:39Z")

</div>

Are you sure you use the same theme to which you added the component? I sometimes forget to change that.

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 02:00 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/34 "2024-04-12T02:00:22Z")

</div>

Yes I have only one theme “Default”

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 02:02 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/35 "2024-04-12T02:02:04Z")

</div>

I have another Discourse site, I tried, same behavior…

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 02:08 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/36 "2024-04-12T02:08:21Z")

</div>

One hypothesis, it would not work when you are using only one theme, the Default one?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [12 april 2024 om 04:27 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/37 "2024-04-12T04:27:51Z")

</div>

> [@patrickemin](#):
>
> installed the spinner component

Hello 👋

This theme component is not working well with spinner loader.

The spinner instantly changes the page when you click a topic, so we have no time to run the animation on the topic list item.

The slider is keeps you on the current page when you click a topic, so we can run animation during this loading time.

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 13:38 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/38 "2024-04-12T13:38:48Z")

</div>

Ok but the spinner loader is necessary is’nt it ?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [12 april 2024 om 14:56 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/39 "2024-04-12T14:56:57Z")

</div>

No, it’s not necessary. You can use the slider loader without any issue.

---

<div class="post-metadata">

### Author: ![patrickemin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/patrickemin/32/520162_2.png) [@patrickemin](https://meta.discourse.org/u/patrickemin)
#### Post date: [12 april 2024 om 14:58 UTC](https://meta.discourse.org/t/topic-list-item-click-animation/272181/40 "2024-04-12T14:58:49Z")

</div>

I mean seeing the instructions " **The component requires slider loader.**" the component slider loader is necessary for the Topic list Click animation to work is it?

[Vorige pagina](https://meta.discourse.org/t/topic-list-item-click-animation/272181.md?page=1)

[Volgende pagina](https://meta.discourse.org/t/topic-list-item-click-animation/272181.md?page=3)
