Apply custom scrollbar to Extjs project and override "renderContent"

[doraemonpup]

Hi everyone,


I'd like to apply malihu custom scrollbar (http://manos.malihu.gr/jquery-custom-content-scroller/) into Extjs project to make the scrollbar looks like the same for cross-browsers (Chrome, Firefox, IE11).
But I don't know how can I easily apply it. I think maybe I should override Ext.Component, so that this custom scrollbar will be applied for all components or views which are scrollable.

And I've seen in Sencha document (here: http://docs.sencha.com/extjs/5.1.3/a...#cfg-renderTpl), that we could override "renderContent", but I don't know exactly how this renderContent works and how to do this.

Can anyone help me? Thank you for all answers.



p.S. I'm using Extjs 5.1.3

[Gary Schlosberg]

I don't think that there's an easy way to do this. The renderTpl config won't allow a component, but you might be able to achieve this with an override as you mentioned. Hopefully someone in the community has experience and will share.

[doraemonpup]

Hi, Gary. Thank you for your answer

[doraemonpup]

Does anyone has anothers idea ?

Thanks in advance