All-Star
52793 Points
9695 Posts
MVP
May 19, 2015 02:02 AM|Ruchira|LINK
DreamBig this._resultsContainerElement.after("<div style='display:none; padding-top: 5px; padding-left: 5px; position: absolute; min-width:320px; z-index: 101;' class='ui-autocomplete-pagination-container'>" + "<div style='float:left; width:65%;' class='ui-autocomplete-pagination-details'>" + "Showing 1-10 of 1000 items.</div>" + "<button type='button' class='previous-page'></button>" + "<button type='button' class='next-page'></button>" + "</div>");
Change the above part to below
this._resultsContainerElement.append("<div style='display:none; padding-top: 5px; padding-left: 5px; position: relative; min-width:320px; z-index: 101; left: 0px !important; top: -30px !important' class='ui-autocomplete-pagination-container'>" + "<button type='button' class='previous-page' style='float: left;'></button>" + "<button type='button' class='next-page' style='float: left;'></button>" + "<div style='float:left; width:65%;' class='ui-autocomplete-pagination-details'>" + "Showing 1-10 of 1000 items.</div>" + "</div>");
And add the below CSS
ul.ui-autocomplete{ top: 0px !important; left: 0px !important; padding-bottom: 60px !important; position: relative !important; padding-top: 0px !important; }
JQuery jqueryuiautocomplete
Please 'Mark as Answer' if this post helps you
All-Star
52793 Points
9695 Posts
MVP
Re: Paginated Jquery Autocomplete issue
May 19, 2015 02:02 AM|Ruchira|LINK
Change the above part to below
And add the below CSS
JQuery jqueryuiautocomplete
Please 'Mark as Answer' if this post helps you
My Tech Blog