Problem Solved! Thanks to Paul and Jon Bradley from flexcoders for the advice. By increasing the width of my skins to 16 pixels (per Paul's suggestions) and adding invisible "padding" to my skins (per Jon's suggestions) the skinned scrollbar now works exactly as it should. Hopefully, this helps others who encounter the same issue.
--- In [email protected], "bryanpoopbartow" <[EMAIL PROTECTED]> wrote: > > Paul, thanks for the advice. I've set the skins to a width of 16 > pixels and I'm still getting the behavior. Oddly enough, I can plop > this thing into another container, such as a DataGrid, and it works > perfectly. I'll keep plugging away... > > --- In [email protected], "Paul Whitelock" <news@> wrote: > > > > You might want to try using a width of 16 for the scrollbar skins > > instead of 15. Sometimes it works better than 15 for preventing pixel > > shifts with skinned scrollbars. Sometimes neither 15 nor 16 works > > perfectly. > > > > Hopefully one day Adobe will fix this problem as it can be quite > > frustrating and often results in a lot of time wasted trying to > > eliminate (or minimize) shifting scrollbar skins. > > > > > > --- In [email protected], "bryanpoopbartow" > > <bryanbartow@> wrote: > > > > > > Just tried an experiment in Moxie. The same behavior exists there as > > > well. Is this just a bug with the TileList component? > > > > > > --- In [email protected], "bryanpoopbartow" > > > <bryanbartow@> wrote: > > > > > > > > I've tried just using the default component skin as a style and I'm > > > > getting the same behavior. It seems that no matter what, if I > set the > > > > verticalScrollBarStyleName property it's going to give me the > error. > > > > What's interesting is on creation, the right edge of the > scrollbar is > > > > not aligned with the right edge of the tilelist that is its parent > > > > container. If I remove the style property, the scrollbar is right > > > > aligned with the tilelist on creation. Does anyone have any ideas? > > > > > > > > --- In [email protected], "bryanpoopbartow" > > > > <bryanbartow@> wrote: > > > > > > > > > > So, I've tried using the Obsidian scrollbar style from scalenine. > > > > > Same issue. So, now I'm thinking it has something to do with the > > > > > TileList itself, as multiple skins are exhibiting the same > behavior. > > > > > > > > > > --- In [email protected], "bryanpoopbartow" > > > > > <bryanbartow@> wrote: > > > > > > > > > > > > I'm using the <mx:Style> tag to define skins for a vertical > > > scrollbar. > > > > > > The skins look just as they should. However, after clicking on > > > > > > either one of the arrows or thumb, the whole scrollbar shifts > > to the > > > > > > right one or two pixels. The skins are symbols contained in a > > > SWF. I > > > > > > have defined bounding boxes for each skin in the SWF. I > > should also > > > > > > mention that my skins are the same width (15 pixels) as the > > default > > > > > > scrollbar component. This behavior is not exhibited in the > > default > > > > > > scrollbar, however. Has anyone encountered this issue before or > > > have > > > > > > any ideas what I might be missing that could be causing > this? I'm > > > > > > pasting my <Style> tag below, in case it helps. > > > > > > > > > > > > <mx:Style> > > > > > > .RTOTileListVScrollBar > > > > > > { > > > > > > upArrowUpSkin: > > > > > > Embed(source='/bin/interface/RTOTileListVScrollBar.swf', > > > > > > symbol='upArrowUp'); > > > > > > upArrowOverSkin: > > > > > > Embed(source='/bin/interface/RTOTileListVScrollBar.swf', > > > > > > symbol='upArrowOver'); > > > > > > upArrowDownSkin: > > > > > > Embed(source='/bin/interface/RTOTileListVScrollBar.swf', > > > > > > symbol='upArrowDown'); > > > > > > thumbUpSkin: > > > > > > Embed(source='/bin/interface/RTOTileListVScrollBar.swf', > > > > > > symbol='thumbUp'); > > > > > > thumbOverSkin: > > > > > > Embed(source='/bin/interface/RTOTileListVScrollBar.swf', > > > > > > symbol='thumbOver'); > > > > > > thumbDownSkin: > > > > > > Embed(source='/bin/interface/RTOTileListVScrollBar.swf', > > > > > > symbol='thumbDown'); > > > > > > downArrowUpSkin: > > > > > > Embed(source='/bin/interface/RTOTileListVScrollBar.swf', > > > > > > symbol='downArrowUp'); > > > > > > downArrowOverSkin: > > > > > > Embed(source='/bin/interface/RTOTileListVScrollBar.swf', > > > > > > symbol='downArrowOver'); > > > > > > downArrowDownSkin: > > > > > > Embed(source='/bin/interface/RTOTileListVScrollBar.swf', > > > > > > symbol='downArrowDown'); > > > > > > trackSkin: > > > > > > Embed(source='/bin/interface/RTOTileListVScrollBar.swf', > > > > > symbol='track'); > > > > > > } > > > > > > </mx:Style> > > > > > > > > > > > > > > > > > > > > >
