Forgot to mention the mxml code. Here's the code <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Style source="style.css"/> <mx:Script> <![CDATA[
// Embed the Thumbnails [Embed("Thumbnails/pic_1.swf")] [Bindable] public var OneCent:Class; [Embed("Thumbnails/pic_2.swf")] [Bindable] public var TwoCents:Class; [Embed("Thumbnails/pic_3.swf")] [Bindable] public var FiveCents:Class; [Embed("Thumbnails/pic_4.swf")] [Bindable] public var TenCents:Class; ]]> </mx:Script> <mx:HBox x="106" y="900" width="391" doubleClickEnabled="true" height="90" horizontalScrollPolicy="on" verticalScrollPolicy="off" id="ThumbnailContainer" autoLayout="true"> <mx:Image id="FirstTN" width="100" mouseChildren="false" doubleClickEnabled="true" height="85" source="{OneCent}" scaleContent="true"/> <mx:Image id="SecondTN" width="100" mouseChildren="false" doubleClickEnabled="true" height="85" source="{TwoCents}" scaleContent="true"/> <mx:Image id="ThirdTN" width="100" mouseChildren="false" doubleClickEnabled="true" height="88" source="{FiveCents}" scaleContent="true"/> <mx:Image id="FourthTN" width="100" mouseChildren="false" doubleClickEnabled="true" height="87" source="{TenCents}" scaleContent="true"/> </mx:HBox> Thanks Anuj On Tue, Sep 9, 2008 at 11:33 AM, anuj sharma <[EMAIL PROTECTED]> wrote: > Alright guys. > I have downloaded 2 dummy png files from internet (Left_arrow.PNG & > Right_arrow.PNG) just to test if technique works . Belw is the css code > which i am calling in HScroll Bar for HBOX and attached is the image of how > it is looking . The images used are very big but it is not showing its > actual size for the arrows and it is shrinking the images to take the size > of the arrows in the scroll bar whereas my requirement is the other way. > Basically i need to create image of my own size and i need the arrows of the > scroll bar to take the size of that image. This is the first time i am > doing something like this. Please let me know which link i am missing to > make arrows of the scroller of my custom size, look and feel. > /* CSS file */ > HScrollBar > { > downArrowUpSkin: Embed(source="assets/images/Left_arrow.PNG"); > > upArrowUpSkin: Embed(source="assets/images/Right_arrow.PNG"); > > } > Thanks a lot guys > Anuj > > > > On Tue, Sep 9, 2008 at 10:55 AM, Tim Hoff <[EMAIL PROTECTED]> wrote: > >> Hey Anuj, >> >> Here's some sample CSS to get you started. You might have to play with >> the scale9 values; depending on the images that you create for the skins. >> >> VScrollBar >> >> { >> downArrowUpSkin: Embed(source= >> "assets/images/VscrollDownArrow_up.png"); >> downArrowOverSkin: Embed(source= >> "assets/images/VscrollDownArrow_over.png"); >> downArrowDownSkin: Embed(source= >> "assets/images/VscrollDownArrow_down.png"); >> upArrowUpSkin: Embed(source="assets/images/VscrollUpArrow_up.png"); >> upArrowOverSkin: Embed(source= >> "assets/images/VscrollUpArrow_over.png"); >> upArrowDownSkin: Embed(source= >> "assets/images/VscrollUpArrow_down.png"); >> thumbDownSkin: Embed(source="assets/images/VscrollThumb_down.png", >> scaleGridTop="40", scaleGridBottom="200", >> scaleGridLeft="6",scaleGridRight= >> "8"); >> thumbUpSkin: Embed(source="assets/images/VscrollThumb_up.png", >> scaleGridTop="40", scaleGridBottom="200", >> scaleGridLeft="6",scaleGridRight= >> "8"); >> thumbOverSkin: Embed(source="assets/images/VscrollThumb_over.png", >> scaleGridTop="40", scaleGridBottom="200", >> scaleGridLeft="6",scaleGridRight= >> "8"); >> trackSkin: Embed(source="/assets/images/track.png", >> scaleGridTop="40", scaleGridBottom="336", >> scaleGridLeft="6",scaleGridRight= >> "8"); >> } >> >> -TH >> >> >> --- In flexcoders@yahoogroups.com, "anuj sharma" <[EMAIL PROTECTED]> wrote: >> > >> > :-) >> > Yeah i will try to look for how to add skins to the flex components and >> if >> > you guys have seen any better tutorial/sample code/ swf which are doing >> then >> > the pls keep me posted. >> > Hopefully i will achieve that. >> > Thanks for your help Alex and Tracy. >> > Anuj >> > >> > On Tue, Sep 9, 2008 at 10:00 AM, Alex Harui [EMAIL PROTECTED] wrote: >> > >> > > Yes, if you want a bigger scrollbar, just try adding larger skins >> > > >> > > >> > > >> > > *From:* flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] >> *On >> > > Behalf Of *anuj sharma >> > > *Sent:* Tuesday, September 09, 2008 9:33 AM >> > > *To:* flexcoders@yahoogroups.com >> > > *Subject:* Re: [flexcoders] Is it possible to increase the heigth and >> > > width of scroll bars in any container? >> > > >> > > >> > > >> > > Hi Alex >> > > By RIIC do u mean "If I Remember Correctly", if that's the case sorry >> for >> > > not being familiar with internet slang. So do you think if i create >> bigger >> > > skins and attach with the scoll bar that should be able to take care >> of the >> > > sizing issue of the scroll bar. >> > > Thanks for your help >> > > Anuj >> > > >> > > On Mon, Sep 8, 2008 at 11:00 PM, anuj sharma [EMAIL PROTECTED] wrote: >> > > >> > > Hi Alex >> > > Thanks a lot for the reply. What exactly is IIRC? I googled it but >> could >> > > not find enough good resources. Do you have any article which clears >> the >> > > concept of IIRC. I would appreciate if you can give some more >> info/links. >> > > Again many many Thanks >> > > Anuj >> > > >> > > >> > > >> > > On Mon, Sep 8, 2008 at 5:17 PM, Alex Harui [EMAIL PROTECTED] wrote: >> > > >> > > IIRC, scrollbars size to their skins so make the skins bigger and the >> SB >> > > should be bigger, but if you want to go smaller than 16, it is a lot >> of >> > > work. >> > > >> > > >> > > >> > > *From:* flexcoders@yahoogroups.com [mailto:[EMAIL PROTECTED] >> *On >> > > Behalf Of *anuj181 >> > > *Sent:* Monday, September 08, 2008 3:54 PM >> > > *To:* flexcoders@yahoogroups.com >> > > *Subject:* [flexcoders] Is it possible to increase the heigth and >> width of >> > > scroll bars in any container? >> > > >> > > >> > > >> > > Hi Guys >> > > I have a general question. In general any scroll bar in >> > > container(either VBOX or HBOX etc)is (by default)16 pixels wide. Is it >> > > possible to change the width and height of any scroll bar for in built >> > > containers. Also for styling those scroll bars and scroll er within >> > > the container do i have to use CSS or there is any other way too.(By >> > > styling i mean if I can give my own look and feel and color to the >> > > scroll bars in containers). >> > > Reply will be appreciated. >> > > Thanks guys >> > > Anuj >> > > >> > > >> > > >> > > >> > > >> > > >> > > >> > >> >> > >