Roku Developer Program

Developers and content creators—a complete solution for growing an audience directly.
cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Highlighted
Level 8

Center a group of content vertically?

I have what seems like a simple problem but I haven't been able to get it to work like I want. I'm trying to style an item component in a RowList. It has an image on the left and on the right is a chunk of content that I would like to center vertically within the component. How can I do that?

Here's a diagram of it:diagram.png

My current markup is something like this:

<LayoutGroup layoutDirection="horiz"
    itemSpacings="[51]">
    <Poster id="poster" width="926" height="521"/>

    <LayoutGroup layoutDirection="vert">
        <Label id="headline"
            width="563"
            wrap="true"
            numLines="4"
            lineSpacing="0"/>
        <Label ... />
        <Label ... />
        ...
    </LayoutGroup>
</LayoutGroup>

I've tried playing the vertAlignment on the outer and inner LayoutGroups but to no avail. Can anyone help me out here?

Thanks,

tim

 

0 Kudos