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 [email protected], "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:* [email protected] [mailto:[EMAIL PROTECTED]
> *On
> > > Behalf Of *anuj sharma
> > > *Sent:* Tuesday, September 09, 2008 9:33 AM
> > > *To:* [email protected]
> > > *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:* [email protected] [mailto:[EMAIL PROTECTED]
> *On
> > > Behalf Of *anuj181
> > > *Sent:* Monday, September 08, 2008 3:54 PM
> > > *To:* [email protected]
> > > *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
> > >
> > >
> > >
> > >
> > >
> > >
> > >
> >
>
>
<<attachment: Custom Scroller Issue.jpg>>
