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: 
WSJTim
Binge Watcher

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
Need Assistance?
Welcome to the Roku Community! Feel free to search our Community for answers or post your question to get help.

Become a Roku Streaming Expert!

Share your expertise, help fellow streamers, and unlock exclusive rewards as part of the Roku Community. Learn more.