How to place button "over" graphics above all other button layers?

Question

I have multiple buttons in layers on a timeline.  Because the buttons are in separate layers, the rollover state of each button pops up behind other buttons on the map. How do you make the rollover state appear above all other inactive buttons on higher layers in the timeline?  Screenshots attached.

JoãoCésar17023019 · Accepted Answer

Apologies for my ignorance here I don't know how to assign the code to the timeline. Here's what I have so far. I'm sure I'm missing some code or functionality as the test still displays the popups underneath higher layers.

Hi again.

No need to apologize.

You just need to move the lines that add the listeners from within the function body and place them in one of the lines below like in the image.

JoãoCésar17023019 · Answer

Hi.

You can add event listeners to your buttons like this:

function bringToTop(e)
{
	e.currentTarget.parent.addChild(e.currentTarget);
}

this.stop();
this.yourButton0.on("mouseover", bringToTop);
this.yourButton1.on("mouseover", bringToTop);
this.yourButton2.on("mouseover", bringToTop);
// and so on

Regards,
JC

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.