I want to have a scroll thumb wider than the scroll bar in a datagrid. For example, here is what I want to see:
Where the black rectangle is the thumb, the light gray area is the datagrid, and the dark gray area is the panel.
However, when I try to do this in Flex, the scroll bar is as wide as the scroll thumb and shifts over from the right most side of the datagrid:
According to the ScrollBar documentation, the scroll bar is as wide as widest subcomponent. My attempt around this was to place a sprite over where the thumb is, but the problem with this is that since the thumb sprite is at an index above the datagrid, the thumb is no longer scrollable (the hand is not seen when you hover over the thumb).
Have you looked at the skin for the scroll bar ?
I'm not sure what you mean by this. My scroll track has no skin.
By the way, you have to copy and paste the first link into your browser because I formatted the HTML incorrectly.