RowList

The RowList Node component within SceneGraph is used to create a horizontal list of items. This component is ideal for displaying a series of elements that can be scrolled horizontally. This layout accepts an unlimited amount of vertical and horizontal scrollability.

ParameterTypeDescription
itemSizevector2dThe size of the RowList element.
numRowsintSpecifies the number of visible rows in the list.
rowHeightsarray of floatsProvides the heights of each row in the list.
rowItemSizearray of vector2dProvides width/height of items in each row.
rowItemSpacingarray of vector2dThe spacing between items in each row.
RowSpacingsarray of floatsThe spacing between each row. Allows for spacing to vary from row to row.
showRowLabelarray of booleansDetermines if the row label should be shown
vertFocusAnimationStyleoption stringSpecifies how the focus indicator moves vertically
rowFocusAnimationStyleoption stringSpecifies how the focus indicator moves horizontally

Row Data Bindings

ParameterTypeDescription
titlestringLabel for the row

Item Data Bindings

ParameterTypeDescription
hdposterurlurlImage URL for the rowlist item

Structure

A RowList requires a single ContentNode as the root of its content field. Within this root element, a child ContentNode should be added for each row in the list. Each row ContentNode houses child ContentNodes that represent the RowList items.

<RowList id="rowListExample">
    <Rock:ContentNode role="content">
        <Rock:ContentNode id="rowOne"
            title="Row 1">
            
            <Rock:ContentNode id="itemOneInRowOne" />
        </Rock:ContentNode>
        
        <Rock:ContentNode id="rowTwo"
            title="Row 2">
            
            <Rock:ContentNode id="itemOneInRowTwo" />
        </Rock:ContentNode>
    </Rock:ContentNode>
</RowList>