Custom scrollbars and other stuff...

[josamoto1]

I just discovered Ext 2 last night, after having spent a bit of time researching Yahoo!'s YUI. I must say, Ext blew my teeny little brain straight out of its little cage. Well done, I am speechless, the best JavaScript I've seen by far on this planet! :)

Anycase, my question is as follows; is it possible to create a custom theme for scrollbars using Ext? Also, does Ext enable custom themes/images to be used for checkboxes and radio buttons?

I've seen a lot of frameworks, but none that really come with a customisable scrollbar, or I'm just uninformed. Who wants boring OS like scrollbars if they can possibly have...well...anything allowed by ones imagination.

Thanks for the replies in advance. looking forward to hearing from you guys!

[devnull]

most browsers dont allow scrollbars to be decorated, thats why you always see the default ones. the same is probably true for checkboxes and radio buttons.

[josamoto1]

I just came accross the Checkbox and Radio classes in the API, so that at least is possible.

I'm just thinking, decorating a scrollbar shouldn't be too difficult. Simply hide it with CSS using overflow-x: none and overflow-y: none.

Then manually create a new widget or component that handles scrolling via Drag 'n Drop.

Hopefully someone will try this, I might soon, but first I need to get into Ext and it's ways. I must say I like it a lot this far.

[wm003]

Try http://www.hesido.com/web.php?page=customscrollbar for a very cool 3rd party plugin about replacing scrollbars
Brian mentioned it here (http://extjs.com/forum/showthread.php?t=12959) earlier

[josamoto1]

Thanks plenty!!! I have a feeling me and Ext are going to be going a long way. It's the perfect addition for my RAD toolkit which already consists of CodeIgniter, Smarty and now Ext. What more do I need?

Suggestions welcome! :)

[Stoob]

My esperience with the hesido.com custom scrollbars is that they are not compatible with the extJS that we are using on our website. This is not to say they won't work, but after a few hours of unsuccessful debugging I abanonded the hesido.com script.

[punkrider]

We're looking to implement a custom scrollbar within a panel. The fleXcroll seems to be the best solution. I will let you know how the implementation and attempt at inserting that into the framework goes.

In the meantime any more info on what you came up against would be appreciated.

thanks!

[mcrystal]

We're looking to implement a custom scrollbar within a panel. The fleXcroll seems to be the best solution. I will let you know how the implementation and attempt at inserting that into the framework goes.

In the meantime any more info on what you came up against would be appreciated.

thanks!

This looks like something that would be very useful. Have you had any luck integrating fleXcroll with ext2?

[jay@moduscreate.com]

I must say, Ext blew my teeny little brain straight out of its little cage. Well done, I am speechless, the best JavaScript I've seen by far on this planet! :)



http://thebeautybrains.com/wp-content/uploads/2007/02/static-hair.jpg

[ISkomorokh]

We're looking to implement a custom scrollbar within a panel. The fleXcroll seems to be the best solution. I will let you know how the implementation and attempt at inserting that into the framework goes.

In the meantime any more info on what you came up against would be appreciated.

thanks!

So, a lot of time has past since this post. When will we see flexcroll in ExtJs?

[Animal]

IMNSHO, it is a mistake to invest so much into defeating the natural UI of the browser and replacing it with something that the user will not be familiar with.

Graphic designers tend to go OTT when imagining their own weird and wonderful designs, and the poor end user disappears from their view completely.

This seems like a case of doing something just because you can for no business benefit whatsoever.

[mankz]

IMNSHO, it is a mistake to invest so much into defeating the natural UI of the browser and replacing it with something that the user will not be familiar with.

Graphic designers tend to go OTT when imagining their own weird and wonderful designs, and the poor end user disappears from their view completely.

This seems like a case of doing something just because you can for no business benefit whatsoever.

+1

[deanna]

Since I have seen the scroll bars used on google wave I have changed my mind and now think there is a better scroll bar. If you don't have a google wave developer ID get one and check it out. These don't take up any screen real estate except for a see through indicator.

[jay@moduscreate.com]

IMNSHO, it is a mistake to invest so much into defeating the natural UI of the browser and replacing it with something that the user will not be familiar with.

Graphic designers tend to go OTT when imagining their own weird and wonderful designs, and the poor end user disappears from their view completely.

This seems like a case of doing something just because you can for no business benefit whatsoever.

So many flash developed sites suffer from this.

[deanna]

Picture of google wave scroll bar.

[ISkomorokh]

IMNSHO, it is a mistake to invest so much into defeating the natural UI of the browser and replacing it with something that the user will not be familiar with.

Graphic designers tend to go OTT when imagining their own weird and wonderful designs, and the poor end user disappears from their view completely.

This seems like a case of doing something just because you can for no business benefit whatsoever.
Don't like custom scroll bars - turn them off :) It's worse when you just can't turn them on :(

[steffenk]

it's not a question of like if customer wants it ;)
And, having a nice design, OS scrollbars often look like alien stuff. I can understand the wish of having custom scrollbars. And i don't mean complete new that user don't understand, i mean simple styling and coloring in the color of the panel/page eg.
I give flexcrolljs a chance :)

[steffenk]

I did a quick test and it works pretty good.
Without any finetuning here is the result:
http://dev.sk-typo3.de/ext/scrollbars.html

[steffenk]

Even jQuery provides styled scrollbars
http://www.kelvinluck.com/assets/jquery/jScrollPane/examples.html

I don't know why ExtJS don't have own as there are so many widgets. Slider could be used in a way too for simulating toolbars.

[nanotron]

Not so long ago I made a port of the jquery scrollpane for ext-core:
http://www.extjs.com/forum/showthread.php?t=86071

regards

[prisme]

=D> THANK YOU nanotron, finally someone who DOES innovate...
instead of COMPLAINING that "it is a mistake to invest so much into defeating the natural UI of the browser" and blahblahblah

if everyone was thinking that way, we would still all be using shell