Paginator - active page

Hello, sorry for the noob question, but there must be a simple way to highlight an active site, right? :slight_smile:


Hey @Cichy ,
you need to add an “active” state to the Text, then select this state and add your style.

Create the active state on top of the sidepanel (the pencil)

Select it, and add your style. Style under this state will have a green dot.


Hello Aurelie, thank you :slight_smile: Is there any tutorial on states? What other states can be added?

My paginator is at the bottom of the list. Is there a simple way to make the next page open at the top of the list?

Hi @Cichy!

We’re working on adding states to the product. In the meantime, documentation is a little bit limited but you can use the hover state. Here’s a tutorial on how you might use it.

Re the Paginator, here’s how you could do it:

Step 1 – add a CSS id to the container where you want it to scroll back to

In the example below, we want to scroll back to the top of the article on the page:

Step 2 – add a workflow on the Paginator that triggers On click

with the following custom code in a Custom JavaScript action:

const target = document.getElementById("article");

target.scrollIntoView({behavior: "smooth",block:"start",inline:"nearest"});

You can replace “article” by any other string of course. Just make sure it matches the CSS id you chose in step 1 :slight_smile:

Well, it works very well. Thank you Joyce!

1 Like