# Slider : Page icon state

**URL:** <https://community.weweb.io/t/slider-page-icon-state/1897>\
**Category:** How do I?\
**Created:** [February 22, 2023, 4:29pm UTC](https://community.weweb.io/t/slider-page-icon-state/1897 "2023-02-22T16:29:43Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jeanmatthieud](https://avatars.discourse-cdn.com/v4/letter/j/73ab20/32.png) [@jeanmatthieud](https://community.weweb.io/u/jeanmatthieud)\
**Post date:** [February 22, 2023, 4:29pm UTC](https://community.weweb.io/t/slider-page-icon-state/1897/1 "2023-02-22T16:29:43Z")

</div>

Hi,

I added a slider, and displayed the page icon.  
However, the conditional logic to display the current slide page / other page state is missing.  
What should I put in the “conditional logic” of the current page state ?

Thanks,

JM

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [February 28, 2023, 11:18pm UTC](https://community.weweb.io/t/slider-page-icon-state/1897/2 "2023-02-28T23:18:28Z")

</div>

Hi JM,

Not sure I understand your question. The slider element should work out of the box, no need to add logic on the arrow icons to navigate through images.

Here’s a short video on [how the slider works](https://tella.video/video-for-jm-slider-cr82).

Does that help? If not, would you mind recording a short video walking us through your use case?

---

<div class="post-metadata">

**Author:** ![jeanmatthieud](https://avatars.discourse-cdn.com/v4/letter/j/73ab20/32.png) [@jeanmatthieud](https://community.weweb.io/u/jeanmatthieud)\
**Post date:** [March 1, 2023, 10:49am UTC](https://community.weweb.io/t/slider-page-icon-state/1897/3 "2023-03-01T10:49:13Z")

</div>

Hi Joyce,

Thanks for your answer.  
I’m talking about the pagination icons.  
I added a slider on a page, and the pagination icon already has a second state (with a different icon color). However, it doesn’t work out of the box: [You can see it on this short video](https://youtu.be/laLA605jP4s)

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [March 1, 2023, 5:28pm UTC](https://community.weweb.io/t/slider-page-icon-state/1897/4 "2023-03-01T17:28:56Z")

</div>

Ah, got it! It’s a migration issue on our side. Thanks for catching it, we’ll update the element in the Add panel.

You can fix it by replacing the current state name by `active`:

![CleanShot 2023-03-01 at 18.27.57@2x](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/4a6a804f44099a27abb442b8fe86f703e378fb39.png)

---

<div class="post-metadata">

**Author:** ![jeanmatthieud](https://avatars.discourse-cdn.com/v4/letter/j/73ab20/32.png) [@jeanmatthieud](https://community.weweb.io/u/jeanmatthieud)\
**Post date:** [April 27, 2023, 9:58am UTC](https://community.weweb.io/t/slider-page-icon-state/1897/5 "2023-04-27T09:58:16Z")

</div>

Thanks, it works!