button overlapping & nested button issues

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

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 .