ExtJS Custom Scrollbars

[kumablue]

Hi all,

I'm fairly new to Ext JS and have been getting stuck trying to customize the scrollbar. I know there have been a few threads relating to this topic before, but they don't really have any concrete examples. I found this port of ScrollPane here: http://www.sencha.com/forum/showthre....ux.ScrollPane, and tried using that in a render listener, however, the scrollbar does not change at all. Is it due to compatibility issues since I'm working in Ext JS 4 whereas the original port was written for an earlier version? I've also tried using the jQuery version of ScrollPane to no avail.

Does anyone have any experience getting custom scrollbars to work in Ext JS? Any help would be greatly appreciated!

Thanks!

[mitchellsimoens]

Why not take that code and change it to work with 4.x then?

[kumablue]

I wish I knew how. I am starting to look into it though. Going to try to understand the logic behind the code first. I just realized as well, should I have posted this under questions instead?

[kumablue]

Updating on my progress:

I have been able to successfully add jScrollPane scrollbars via jQuery by running

$(function(){ $('.x-grid-view').jScrollPane(); });

in the Firebug console.

However, certain issues are coming up. Some of my grids turn blank upon function execution. One other problem is I'm not sure where exactly to call the code in Ext JS. I've tried using listener with afterrender, render, as well as afterlayout to no avail. Does anyone have experience integrating jScrollPane/jQuery with Ext JS?

Thanks!