ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: hkosmidi on April 30, 2015, 12:32:20 pm

Title: Missing buttons in pager
Post by: hkosmidi on April 30, 2015, 12:32:20 pm: I have included both css (jquery ui, pqgrid) files but cannot see pager buttons for next/previous page.

My pager div is as follows

Code: [Select]
<div class="pq-grid-footer pq-pager"> <button type="button" title="Πρώτη σελίδα"></button><button type="button" title="Προηγούμενη σελίδα"></button><span class="pq-separator"></span><span class="pq-page-placeholder"><span>Σελίδα</span><input type="text" tabindex="0" class="ui-corner-all"><span>από</span><span class="total">2</span></span><span class="pq-separator"></span><button type="button" title="Επόμενη σελίδα"></button><button type="button" title="Τελευταία σελίδα"></button><span class="pq-separator"></span><span class="pq-page-placeholder"><span></span><select class="ui-corner-all"><option value="10">10</option><option value="20">20</option><option value="50">50</option><option value="100">100</option></select><span class="pq-separator"></span></span><button type="button" title="Ανανέωση"></button><span class="pq-separator"></span><span class="pq-pager-msg">Εμφάνιση 1 εως 20 από 39 εγγραφές.</span></div>
In the tutorials I see pages has other classes and spans for the buttons. Am I missing something?

Thanks
Title: Re: Missing buttons in pager
Post by: paramvir on April 30, 2015, 01:03:05 pm: It's due to known issue of button incompatibility between jqueryui and bootstrap.

Its resolution is discussed here

https://github.com/paramquery/grid/issues/42
Title: Re: Missing buttons in pager
Post by: hkosmidi on April 30, 2015, 01:36:56 pm: thanks.

Copying from the link you gave this did the trick

Quote
Wow. I found the solution!
add after bootstrap.js
$.fn.bootstrapBtn = $.fn.button.noConflict();