How to change the focused postion of MarkupList

Archived
1

Hi. In default setting, the MarkupList always focus on the top item in the list while the rest of the list item is rolling vertically.

Is the a way to set the focus position to the middle of the list instead?
Example:
Init state: A, B,
Press down: B, C,
Press down: C, D,

I have tried with all MarkupList properties on sdkdocs but no luck.

2

Hey, you would use the jumpToItem. ( https://sdkdocs.roku.com/display/sdkdoc/MarkupList )

m.markuplist = m.top.findNode("someField“)
m.markuplist.content = some content data
m.markuplist.jumpToItem = 2

Make sure the content data is given first. If you have to build the content list, use an observeField event, waiting for content.

3

Thanks @tarlorcw. But sorry, it’s not the answer for my case though. If you use the jumpToItem, that item will jump to the top of the list and get focused.
What I expect is the focused item in the middle of the list instead on top.

I managed to found a work around solution by modifying the itemData ContentNode though.

4

See if ‘focusRow’ works for you. It’s documented in ArrayGrid which should be a basis for MarkupList.

5

“flynt7111” wrote:
Hi. In default setting, the MarkupList always focus on the top item in the list while the rest of the list item is rolling vertically.

Is the a way to set the focus position to the middle of the list instead? 
Example:
Init state:      A, B,
Press down: B, C,
Press down: C, D,

I have tried with all MarkupList properties on sdkdocs but no luck.
Do you mean something like this where it stays in the middle at all times…
numColumns=5
numRows=3
focusRow=1 //focus columns and rows index starts at 0
focusColumn=2
vertFocusAnimtationStyle=fixedFocus

or where it floats up and down the center…
numColumns=5
numRows=3
focusColumn=2 //focus columns and rows index starts at 0
vertFocusAnimtationStyle=floatingFocus

6

Thanks norcaljohnny.

Yeah, the first option is what I need. We need to add the “vertFocusAnimtationStyle=fixedFocus” to get this effect.[/font]