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