Adobe Community: Message List - button overlapping & nested button issues

Re: button overlapping & nested button issues

forums_noreply@adobe.com — Wed, 08 Oct 2014 06:01:01 GMT

here's the updated project if anyone wants it.

Re: button overlapping & nested button issues

forums_noreply@adobe.com — Tue, 07 Oct 2014 10:43:10 GMT

No, there is nothing called max number of layers. You can use any number, but it's always advisable to pick a large number.

I am glad, it worked for you .

Re: button overlapping & nested button issues

forums_noreply@adobe.com — Tue, 07 Oct 2014 09:14:28 GMT

Just a question vivekuma, if i may - is the 200 value the max number of "layers" it applies to, by any chance?

Re: button overlapping & nested button issues

forums_noreply@adobe.com — Tue, 07 Oct 2014 09:12:07 GMT

Speechless...

Thank you SO MUCH, vivekuma

Re: button overlapping & nested button issues

forums_noreply@adobe.com — Tue, 07 Oct 2014 08:58:27 GMT

Hi,

Fix for Issue#1:

a. Add sym.setVariable("count", 200); to compositionReady event handler.

b. Then add the below code for click event handler for each symbol:

var count = sym.getVariable("count");

//console.log(count);

sym.getSymbol("btn1").getSymbolElement().css({"z-index":count}); //use btn1 or btn2 accordingly for respective symbol

sym.setVariable("count", count+1);

Fix for Issue#2:

Add e.stopPropagation(); to click event handler for both symbol mailTo buttons which will prevent the event propagation from mailTo btn to its parent.

hope that helps,

Vivekuma

button overlapping & nested button issues

forums_noreply@adobe.com — Tue, 07 Oct 2014 08:10:11 GMT

Hi ppl

First up, here's my tiny sample project that i'm having issues with.

Issue #1: i plan to have an entire wall of the symbols that i created, so users can click on our mugshots to enlarge the image and see some contact details. Is there a way to always make the active(clicked) symbol appear on top of the rest? Right now it's locked in the default layer order in Edge.

Issue #2: Each symbol has its own mailto button nested in it which toggles on/off when its parent symbol is clicked. It works, BUT I cannot find a way to click that mailto button without activating the parent symbol's click event too.

Spaghetti code aside (i'm not a developer), i'd really appreciate any help with the above!

(Man it seems like i've been working on this forever *hysterical laughter*)