1. #1
    Sencha User
    Join Date
    Nov 2012
    Posts
    5
    Vote Rating
    0
    kumablue is on a distinguished road

      0  

    Default ExtJS Custom Scrollbars

    ExtJS Custom Scrollbars


    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!

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    36,604
    Vote Rating
    818
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Why not take that code and change it to work with 4.x then?
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Nov 2012
    Posts
    5
    Vote Rating
    0
    kumablue is on a distinguished road

      0  

    Default


    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?

  4. #4
    Sencha User
    Join Date
    Nov 2012
    Posts
    5
    Vote Rating
    0
    kumablue is on a distinguished road

      0  

    Default


    Updating on my progress:

    I have been able to successfully add jScrollPane scrollbars via jQuery by running
    Code:
    $(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!

Thread Participants: 1

Tags for this Thread