Hello Flexperts...
I'm encountering a problem with some TileLists that should be have scroll
bars but do not, or when they do, they don't allow scrolling the full length
of the window. The structure of my MXML is (for illustration only! not
actual code):
<VerticalDividedBox>
<Panel>
<TileList>
<TileList />
</TileList>
<Panel>
<Panel>
<TileList>
<TileList />
</TileList>
<Panel>
</VerticalDividedBox>
The verticalScrollPolicy for all items is set to Auto. This seemed to be
working normally with test data, but when I increased the amount of data
(tiles in the outermost TileList) I noticed that even though the contents of
the TileList were longer than the height of the list, there was no scroll
bar. If I shrink down the screen or move the vertical divider up or down to
shrink the list's scroll rectangle, the scrollbar DOES eventually show up,
however it won't let me scroll the full length of the list.
For instance, I have 6 rows in the TileList, but only 4 show in the space
available. This would be fine, if there was a scroll bar, but there is not.
If I shrink the list so that only two items show, I do have a scroll bar,
but it only lets me scroll to the third item, and not to the 6th.
And I'm not sure if this is related, but when I stretch the window size back
to the full size, the last tile that was cut off when the list was small
shows up twice.
Even setting the verticalScrollPolicy to ON for all components did not
actually give a scroll option when it should have. It just showed the
scrollbar placeholder.
Some things I've tried:
- fiddling with the lockedRowCount, not using it at all, set to 1, set to
10 (no change)
- setting the verticalScrollPolicy to auto on all (that's how it is now)
- setting the verticalScrollPolicy to ON on all (no change except the
scroll placeholder showed, still not scrollable when it needs to be)
- setting the verticalScrollPolicy to OFF on all except the outermost Panel
(no change except that the scroll bars didn't show up even when the window
was small)
- setting the row count higher (no change)
It's very odd! Here is a sample of the tileList code (please note, for it to
run you would need to move the itemRenderer to a separate component):
<!-- begin code -->
<mx:VDividedBox id="outerVerticalDividedBox" verticalScrollPolicy="auto">
<mx:Panel id="outerPanel"
title="outer panel"
layout="vertical"
verticalAlign="top"
verticalScrollPolicy="auto"
horizontalScrollPolicy="off"
height="60%"
width="100%">
<mx:TileList id="outerTileList"
itemRenderer="innerTileList"
verticalScrollPolicy="auto"
horizontalScrollPolicy="off"
columnCount="1"
rowCount="10"
lockedRowCount="1"
direction="vertical"
allowMultipleSelection="false"
dragEnabled="false"
dragMoveEnabled="false"
dropEnabled="false"
width="100%" height="100%" rowHeight="75">
<mx:TileList itemRenderer="myCanvas"
id="innerTileList"
verticalScrollPolicy="auto"
horizontalScrollPolicy="off"
columnCount="2"
rowCount="10"
lockedRowCount="1"
rowHeight="22"
columnWidth="160"
direction="horizontal"
allowMultipleSelection="false"/>
</mx:TileList>
</mx:Panel>
</mx:VDividedBox>
<!-- end code -->
Has anyone ever seen this before?
Thanks
Rachel
