Forum Discussion

Dhir_Pratap's avatar
Dhir_Pratap
Streaming Star
9 years ago

Horizontal scrolling in a Grid

I want to have a grid like component which would have horizontal and vertical scrolling. I have been looking at two components but they have some limitations. 

1. Rowlist: When I scroll to left/right only one row scrolls at a time. Is there a way for all the rows to be scrolled together along with the focused row.
2. MarkupGrid: This component does not allow me to have horizontal scrolling when the number of columns extend beyond the screen width. I want to prefer this component since it allows me to have variable column width and height. Is there a way to make MarkupGrid scroll beyond screen so that the out of view column starts coming into view and the initial columns move out of view? 

You can imagine this component as spreadsheet document. Pls suggest me some ideas. 
Roku Developer Program

6 Replies

  • acreskey's avatar
    acreskey
    Visitor
    9 years ago
    A client is asking for this feature.
    We've tried using "rowList.jumpToRowItem" on the other rows -- this works but because it doesn't animate the effect is visually jarring.
    Anyone else come up with a solution?
  • Arezth's avatar
    Arezth
    Visitor
    9 years ago
    Were you guys able to solve this? Or what approach did you guys used?
  • acreskey's avatar
    acreskey
    Visitor
    9 years ago
    No unfortunately we couldn't find a way make multiple rows in a horizontal grid scroll at the same time.

    We ended up replacing it with a vertical-scrolling rowList (where multiple columns do scroll at the same time).
  • Arezth's avatar
    Arezth
    Visitor
    9 years ago
    "acreskey" wrote:
    No unfortunately we couldn't find a way make multiple rows in a horizontal grid scroll at the same time.

    We ended up replacing it with a vertical-scrolling rowList (where multiple columns do scroll at the same time).

    Thanks for the reply. Indeed, it is a little unpleaseant that the transition (with jumptoitem) is so hard and can not really be parallel. It is possible to add the transition using animatetoitem but there are two problems. The first remaining that it is not done in parallel (or at least I haven't been able to do so), and if you change the item to one before the selected, it will go forward until it gets back to it (Will make the full cycle to get to it).
    Did you sync the movement with its index? Are they in synchrony?
  • acreskey's avatar
    acreskey
    Visitor
    9 years ago
    "Arezth" wrote:
    "acreskey" wrote:
    No unfortunately we couldn't find a way make multiple rows in a horizontal grid scroll at the same time.

    Did you sync the movement with its index? Are they in synchrony?

    I lost you there -- for the vertical list? That we get for free from rowList.