Re: How to dynamically update stage Height based on contained elements

Through trial and error, I determined it is possible to access html elements that are not contained in the Edge Animation.

So, right now I've got it so when a button is clicked, the Edge stage increases to set size (calculated, not dynamically, but manually based on the combined height of elements on the stage.  My code is:

if (click2 == false){
click2 = true;
sym.getSymbol('Option2').play();
sym.$('yes1').css({"cursor":"default"});
sym.$('Stage').animate({height: "1290px"},100, "swing");
var frameHeight = document.getElementById('column2').clientHeight + 300;
$('#column2').animate({height: frameHeight},100,"swing");
}

I still think it would be nice if I didn't have to hardcode it as much, particularly since the Edge Animation could be set to responsively scale and may cause extra, unnecessary whitespace.