Dear list, I need help regarding the behavior of a scroll bar track.
Before I applied the skin, when the data is larger than the display area, a scroll bar is added automatically. When the scrollbar track is pressed, the page will be scrolled and the thumb will move. However, after I applied skin to the scroll bar ( I follow instruction from this link http://www.adobe.com/devnet/flex/articles/flex_skins.html ), everything works fine except that when I press the scroll bar track, the page is not scrolled and the thumb does not move anymore. Any idea what is wrong and How I can fix this ? Is this an asset problem or is there a way I can enable the scroll track by code? Any direction/ suggestion is greatly appreciated. ps. I use flex builder2. Also, I use the css & flex skins.fla downloaded from http://www.adobe.com/devnet/flex/articles/flex_skins.html ( flex_skins_flash.zip (ZIP, 108K) ) to verify that the problem is not from my own custom skin. Below is the code: // MXML <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="absolute"> <mx:Style source="skin/flex_skins.css"/> <mx:TabNavigator id="tn" width="200" height="300"> <mx:VBox label="Panel 1" > <mx:Label text="TabNavigator container panel 1 bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla"/> </mx:VBox> <mx:VBox label="Panel 2"> <mx:Label text="TabNavigator container panel 2"/> </mx:VBox> </mx:TabNavigator> </mx:Application> // CSS ScrollBar { trackSkin: Embed(source="flex_skins.swf", symbol="ScrollTrack_Skin"); downArrowDisabledSkin: Embed(source="flex_skins.swf", symbol="ScrollArrowDown_disabledSkin"); downArrowDownSkin: Embed(source="flex_skins.swf", symbol="ScrollArrowDown_downSkin"); downArrowOverSkin: Embed(source="flex_skins.swf", symbol="ScrollArrowDown_overSkin"); downArrowUpSkin: Embed(source="flex_skins.swf", symbol="ScrollArrowDown_upSkin"); thumbDownSkin: Embed(source="flex_skins.swf", symbol="ScrollThumb_downSkin"); thumbIcon: Embed(source="flex_skins.swf", symbol="ScrollBar_thumbIcon"); thumbOverSkin: Embed(source="flex_skins.swf", symbol="ScrollThumb_overSkin"); thumbUpSkin: Embed(source="flex_skins.swf", symbol="ScrollThumb_upSkin"); upArrowDisabledSkin: Embed(source="flex_skins.swf", symbol="ScrollArrowUp_disabledSkin"); upArrowDownSkin: Embed(source="flex_skins.swf", symbol="ScrollArrowUp_downSkin"); upArrowOverSkin: Embed(source="flex_skins.swf", symbol="ScrollArrowUp_overSkin"); upArrowUpSkin: Embed(source="flex_skins.swf", symbol="ScrollArrowUp_upSkin"); I can send the package of codes off-list. Thank you very much!! Yoko --------------------------------- Never miss a thing. Make Yahoo your homepage.
