In my app I have an image component (myImage) which originally has no source
and a hmtl component (myhtml) and a tilelist component (myTilelist). Basically
when the site is fully loaded into the html component a function I've made
takes a snapshot of the html component and sets this snapshot as the source of
the image component effectively making it a thumbnail snapshot of the website.
What I want is when this happens for the same image to be applied to the 'icon'
property of the array collection which acts as the dataprovider for my tilelist
component. So when the source of the image component changes so does the source
of the icon property in the array collection i.e. whatever is displayed in the
myImage component is also displayed in the icon property of the 'First Item' of
the array collection meaning whatever changes are made to the image are also
made to this icon. I tried this but it doesn't seem to work:-
{id:"First Item", label:"First Website", icon:"{myImage.source}"},
What code would I need to add in or put in the icon property to get this to
work?