Symbol Properties

Question

In Flash, I can programmatically change a Movie Clips properties with ActionScript. How can I do this with Edge?
I've tried something like this:
sym.getSymbol("ElementA").x = 450;
And it doesn't work.
Should I be addressing the CSS properties instead?

Answer 1

Hi padrepio,
I recently built an Edge comp that was centered via external CSS. In order to correctly position my object with the sym.$("my_object").css({left:450}); code, I had to compensate for the css centering with a "centeredOffset" var, like this:
sym.centeredOffset = $("#Stage").offset().left;
I then added that offest to my positioning code like this:
sym.$("my_object").css({left:sym.myXPos - sym.centeredOffset});
Here's some interesting info on how Edge positions objects. According to the API doc:
Position div elements
By default, Edge Animate makes sure that a stage div is positioned. If the div is not positioned either absolute or relative with CSS, Edge Animate makes it "position: relative" so all of its elements are animated relatively to the stage, rather than the page. You will need to use either flow-based or absolute position CSS to put your stages where you want them in your page.
API:doc
http://www.adobe.com/devnet-docs/edgeanimate/api/current/index.html