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: 
flynt7111
Newbie

How to change the focused postion of MarkupList

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, , D, E
Press down: B, C, , E, A
Press down: C, D, , A, B 

I have tried with all MarkupList properties on sdkdocs but no luck.
0 Kudos
5 REPLIES 5
taylorcw
Binge Watcher

Re: How to change the focused postion of MarkupList

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. 
0 Kudos
flynt7111
Newbie

Re: How to change the focused postion of MarkupList

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.
0 Kudos
Veeta
Visitor

Re: How to change the focused postion of MarkupList

See if 'focusRow' works for you.  It's documented in ArrayGrid which should be a basis for MarkupList.
0 Kudos
norcaljohnny
Roku Guru

Re: How to change the focused postion of MarkupList

"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, , D, E
Press down: B, C, , E, A
Press down: C, D, , A, B 

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
0 Kudos
flynt7111
Newbie

Re: How to change the focused postion of MarkupList

Thanks norcaljohnny.

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