2 Replies Latest reply on Jul 10, 2010 2:30 PM by as3 developer

    Make scroll thumb wider than scrollbar

    as3 developer Level 1

      Hello,

       

      I want to have a scroll thumb wider than the scroll bar in a datagrid.  For example, here is what I want to see:

      http://img215.imageshack.us/img215/2613/desired.png

       

       

      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:

      http://img696.imageshack.us/img696/4765/whatiget.png

       

      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).

       

      Any ideas?

       

      Thanks.