I am setting up a rowList that should contain a poster and below this two labels with a title and subtitle.
I have set the rowList in my scene like this:
<RowList
itemComponentName="RowListItemComponent"
id="topicList"
translation="[0,320]"
numRows="1"
rowitemSize="[[400,350]]"
rowItemSpacing="[[30,0]]"
itemSize="[1920,350]"
rowLabelOffset="[[105,40]]"
showRowLabel="[true]"
focusXOffset="[105]"
rowFocusAnimationStyle="floatingfocus"
/>
The rowListItemComponent is as follows:
<children>
<Poster
id="poster"
loadDisplayMode="scaleToFit"
width="400"
height="286"
loadWidth="400"
loadHeight="286"
translation="[0,0]"
/>
<Label
id="showTitle"
width="400"
text="ShowTitle"
translation="[0,260]"
/>
<Label
id="episodeTitle"
width="400"
text="Episode"
translation="[0,286]"
/>
</children>
The label appears fine while it is on top of the poster, but if it moves below the poster where I need it it just becomes invisible. I have tried positioning the label a little higher and the half of the label that is on the poster, shows, but the rest doesn't.
How can I have both labels appear below the poster?