I've got a tile list component that I want to be able to scroll through horizontally without the visual presence of the scroll bars themselves. I've got a set of arrows that the user can click on to scroll through the items, but it's not quite working as desired.
Basically, my itemRenderers are data grids, but I don't want the user to be able to view just half a grid etc.. There might be 5 grids under the covers, but I want only 3 full ones to be displayed at any given time. I'm using the button controls to increment through the selectedIndex of the TileList itself, and then calling the scrollToIndex() method using the index, but it behave as desired: Default view: Grids 1, 2 and 3 visible User click to navigate to the right, so I'd want Grids 2, 3 and 4 to be visible. The problem is that it's always displaying Grids 1, 2 and 3 up to point where the selectedIndex is now Grid 4, and all I get displayed in Grid 4 (I'd want Grids 2, 3, and 4) I'm hoping that made some sense. will I need to extend the TileList class and mess around with the visible property for each renderer as well?

