Skip to main content

Posts

Showing posts from December, 2017

Intregating bootstrap token field or jquery ui autocomplete with jquery jscrollpane

Did someone try to make custom scrollbars for jquery UI autocomplete widget or Bootstrap tokenfield (It is built on top of Jquery UI autocomplete)? I'm trying to use jScrollPane jquery component in combination with autocomplete widget, but trying about 6 hours didn't have any success.Finally I got the solution in  stackoverflow   (our friend) .The Main portion of the code is as follows .... open : function () { $ ( '.ui-autocomplete' ). width ( $ ( this ). width ()); if ( undefined !== _jScrollPane ) { _jScrollPaneAPI . destroy (); } $ ( '.ui-autocomplete > li' ) . wrapAll ( $ ( '<div class="scroll-panel"></div>' ) . width ( $ ( this ). width ()) . height ( _jSheight )); _jScrollPane = $ ( '.scroll-panel' ). jScrollPane ( settings ), _jScrollPaneAPI = _jScrollPane . data ( 'jsp' ); }, close : function ( event , ui ) { _jScrollPaneAPI . destroy (); _...