PDA

View Full Version : Vertical scroller



Lwismanuel
30 Sep 2009, 7:07 AM
One of the things that I love about EXT is the look. Everything looks so neat until you encounter the OS vertical scroll bar, it feels like a Nascar engine in a quiet library, it just does not belong there.

I came across this scroll bar (http://youngpup.net/projects/2027/demo.html) developed by Aaron Boodman and it looks like it could be implemented as a plugging but I don't feel that confident in doing it. I ask you guys for help and directions to achieve this.

Thanks,

Luis

jay@moduscreate.com
1 Oct 2009, 2:55 AM
Many years ago, changing the scrollbar via CSS was something that was all the rage.
I never pay attention to the scrollbars to be honest.

arthurakay
1 Oct 2009, 5:39 AM
I'd have to agree with Jay... I almost never look at the scrollbar, and it's usually not a good thing when I do notice it.

That being said, are you trying to change the scrollbar on a specific element? Or globally? You mention doing it as a plugin, but if it's something you're going to use globally in your application it's more of a CSS question than anything else.

Lwismanuel
1 Oct 2009, 5:59 AM
I am not referring to the scrollbar at the side of the browser. I have a few small grids and an accordion in my app that show the default scrollbar. In Safari you would notice that odd looking blue 3D scrollbar that do not match with the theme. My issue is with the scrollbar that would show in various components of the app.

I forgot to mention that the scrollbar in Safari can not be modified with CSS

arthurakay
1 Oct 2009, 6:12 AM
I was going to suggest creating a CSS class that you could add onto any container via the "cls" config option...



.customScroller {
scrollbar-base-color:#000;
/* etc... */
}


...but doing some brief research seems to show me that a lot of browsers don't let you change the color of the scrollbar. Firefox in particular seems to have an issue, and I couldn't force my app to change the scrollbars using Firebug.

I didn't dive very deep into the research, so feel free to correct me if I'm wrong. If you *could* do it, that's probably the way I'd do it. I might even extend the Container class, setting the "cls" config with your custom class... but again, I'm not sure it's worth your time.

My point is that this change, even if you can do it, won't be consistent for all of your users. That's usually a sign of something you shouldn't do.

jay@moduscreate.com
1 Oct 2009, 6:28 AM
The same happens in firefox on the mac.


Either way, i don't think many people care. One reason it should not be changed is because everyone who uses the OS is used to the look and feel of the scrollbars.