Roku Developer Program

Join our online forum to talk to Roku developers and fellow channel creators. Ask questions, share tips with the community, and find helpful resources.
cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
cesarcarlos
Binge Watcher

Label in rowList disappears when it's placed below the Poster

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?

Tags (1)
0 Kudos
1 REPLY 1
Uguisu
Binge Watcher

Re: Label in rowList disappears when it's placed below the Poster

So the rowItemSize and itemSize might be your culprit they are basically clippingrects so anything that goes beyond those dimensions will not be visible. I would suggest making the y value for those excessively  big to make sure that the labels aren't just being cut off, then pull it back to where it should be once the labels are situated. Now if that isn't the problem, my next guess would be that there is something happening in the rowlistItemComponnet that is  causing it, however it doesn't look like there would be much happening there. 
Note for future reference, that the labels being cut off at the top is the same issue, but the poster would have to move to be able to have the label above due to the clipping doesn't go negative so the farthest up any object can be is 0  before it gets cut off. 
hope this helps.

0 Kudos