Can I make it so when i click a button the other buttons clicked effect goes away

[hardy ocean]

I managed to get them to click into my design idea but when I click the next button it stays, how could i make it so that only the one clicked is marked?

[dense epoch]

Hey @hardy ocean ! Could you show more about the interactions you have?

[hardy ocean]

yep !

its like this atm but for some reason even when i click it it doesnt go to that variable

it just piles up

[dense epoch]

Okay! so i think it might be happening because of the interactions on the left part. I assume it is something like hover and then on click go to the third one?

[hardy ocean]

yep i think soo

[dense epoch]

So it just always does that I think instead of doing the thing that you have on the right. What I would do is that you can keep the on hover thing in, but delete the interaction from the second to 3rd

(on the left side)

So the only on click interactions would be the ones on the right

[hardy ocean]

sorry i am a little confused TT

[dense epoch]

So here you have 2 interactions:

1->2: a hover
2->3: an on click

i assume?

[hardy ocean]

yes

[dense epoch]

So the problem is that whenever you click on something, it does this and not the stuff you have on the right. So when you click something it just turns into the 3rd one because thats what you set. If you click on a "on hover" state, go to the 3rd one

To fix this, just delete the 2->3 connection

because then the only on click things that will happen are the ones you have setup in the other components (the one on the right)

[hardy ocean]

ouu okay let me try

[dense epoch]

The reason why it prioritizes this one (the one on the left), is because when you hover over one, it thinks of it as the hover state in this one. and the most immediate on click action from this is to just turn into the on click state in here

[hardy ocean]

oh my days tysm

i spent like 3hrs on this part AHHA TT

i think i got it

tytyty ❤️

[dense epoch]

Nice!! Glad i could help 😄

[hardy ocean]

hi !! super sorry i ran into another problem, and Its confusing me TT, like i want to scroll to.a part of the page with the side nav but it just doesnt react

[dense epoch]

what is text/h3?

[hardy ocean]

its the this one

like a title

[dense epoch]

Hm, it seemms to me htough that it is already scrolled to that point? Or im a little confused on the setup / what you want to achieve

[hardy ocean]

so like i want to make a side nav for my resume website, and so if i click on a button on the sidebar then it scrolls up or down to the title

does that make sense huhu

[dense epoch]

to the title on the page? or the title on the sidebar?

[hardy ocean]

the title on the page

likke the ones on the left

and the sidebar will be sticky

[dense epoch]

So i think it might not be be working because the navigation component is not on the page, so it doesn't recognize those parts

oh or is the interaction on the navbar on the page?

like on the instance?

You can also check out this file: https://www.figma.com/community/file/1260004860370274328/Tab-Interactions-with-Variables

maybe it can help!

Check out on the page "Use cases" the first one (the one with scrolling)