Append Child symbols from XML and more

Question

Hello,
I am trying to dynamically create set of symbols and change their contents from an XML
I've managed to get the XML part and creating the Div dynamically.
What I didn't got is how to apply data from XML to inner symbol divs
such as <name>something</name> from the XML to text div in EDGE
is there a way to control/access the newly created Symbols?
Attaching the project so far.
http://www.elijahu.net/download/append.zip
Thanks for your Help.
Elijahu.

Answer 1

==> Positioning a Dynamically Created Symbol
Well,
To change the entire instance, you use: .getSymbolElement().css(...)
To change an instance element, you use: .$("elementName").css(...)
$(xml).find('listing').each( function(){
                var itemRenderer = sym.createChildSymbol("itemRenderer", "xmlContainer");
                itemRenderer.getSymbolElement().css("display": "inline-block");
                itemRenderer.$('name').html($(this).find('name').text());
                itemRenderer.$('textBox').html($(this).find('text').text()).css("color","white");