Hello to everyone in the Edge community!
I'm working on building an interactive presentation in edge, but having some trouble with a Symbol navbar. What I'm trying to do is edit an elements styling in a symbol (specifically position and background color). Basically there's a menu button element in a menu symbol, and when mouseenter, I'm trying to change multiple elements position to pull them on stage from above. Also aiming to set the positioning back on mouseleave.
Among the many combinations I've tried:
sym.$("element").css("cssStyle","cssProperty");
sym.getSymbol("Symbol").$("element").css("cssStyle","cssProperty");
var myAnim = AdobeEdge.getComposition("EDGE-######");
var mySymbol = myAnim.getSymbols("Symbol")[0];
var mySymbolElement = mySymbol.getSymbolElement("element");
mySymbolElement.css("cssStyle","cssProperty");
Frankly jQuery isn't my strong suit, as the above probably illustrates... but I haven't been able to even change the color of a symbols sub-element. I've tried variations of the above + several others adapted from these forums and stackoverflow, in every conceivable actions menu (I don't even know where I should be putting the mouseenter at this point - the symbol? the symbol's sub-element?).
...And now that I'm thinking about it, maybe this is the whole point of using Symbols separate timeline, to just key play and stop animations... at this point though, I'd like to learn how to more finely control an element for mouseovers/enters outside of a timeline.
Really frustrated with no idea what to try, any thoughts or suggestions would be really appreciated!