I'm not sure if this is a 'bug' or a 'feature' but I'm seeing a sensitivity to the order in which XML elements are defined. The XML file below defines:
(a) an upper and lower <Rectangle>
(b) 3 <Poster> elements that appear in the middle of the screen, and
(c) 3 <Label> elements
The issue is the behavior of the 3rd Label with id="bottomLabelLeft". The other two Labels are child nodes of a Rectangle but this one is not. If a <Poster> element is defined
prior to this label, the label will not be visible. To see what I mean, comment out the Posters with ids "avatarMiddle" and "avatarRt".
Here's the XML:
<?xml version="1.0" encoding="utf-8" ?>
<component name="testScene01" extends="Scene" >
<script type="text/brightscript" >
<![CDATA[
function init()
m.top.setFocus(true)
end function
]]>
</script>
<children>
<Poster
id="avatarMiddle"
uri="pkg:/images/Oak-Beard.jpg"
width="200"
height="200"
translation="[500,300]"
/>
<Rectangle
id="upperRectangle"
color="0xcc00ccFF"
width="640"
height="60"
translation="[300,120]">
<Label
id="upperLabel"
height="60"
width="0"
text = "Hello World!"
horizAlign = "left"
vertAlign = "center"
translation="[160,10]" />
</Rectangle>
<Poster
id="avatarRt"
uri="pkg:/images/Oak-Beard.jpg"
translation="[900,300]"
/>
<Rectangle
id="bottomRectangle"
color="0x0000FFFF"
width="1280"
height="60"
translation="[0,620]">
<Label
id="bottomLabelRight"
height="60"
width="0"
text = "Can you see me?"
horizAlign = "left"
vertAlign = "center"
translation="[500,0]"
/>
</Rectangle>
<Label
id="bottomLabelLeft"
height="60"
width="0"
text = "Goodbye World!"
horizAlign = "left"
vertAlign = "center"
translation="[160,620]"
/>
<Poster
id="avatarLeft"
uri="pkg:/images/Oak-Beard.jpg"
width="145"
height="145"
translation="[100,300]"
/>
</children>
</component>
