ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: Leo F on February 09, 2014, 01:11:28 am

Title: toolbar button not being added properly?
Post by: Leo F on February 09, 2014, 01:11:28 am

There is a button in the toolbar in this demo http://paramquery.com/pro/demos/showhide_rows that is added like so:
obj.toolbar = {
        items: [
            { type: 'button', label: 'Hide rows at Random', icon: 'ui-icon-gear', listeners: [{ "click": hideRows } ] }
        ]
    }


I have tried adding a button to my grid:
obj.toolbar = { items: [ { type: 'button', label: 'Save', icon: 'ui-icon-disk', listeners: [{ "click": grid.SaveData }] } ] };

Unfortunately this is what get's added to the toolbar:
<div class="pq-toolbar" style="">
<button class="ui-corner-all " type="button">Save</button>
</div>

Instead of in the demo:
<div class="pq-toolbar" style="">
<button class="ui-corner-all ui-button ui-widget ui-state-default ui-button-text-icon-primary" type="button" role="button" aria-disabled="false">
</div>


What am I doing wrong?

Title: Re: toolbar button not being added properly?
Post by: paramvir on February 09, 2014, 01:14:19 am

Are you using bootstrap or other library different from jQueryUI.

you can see the resolution here:

https://github.com/paramquery/grid/issues/42

Title: Re: toolbar button not being added properly?
Post by: Leo F on February 10, 2014, 01:08:33 am

Yep. Changing the load order of jquery and bootstrap resolved the issue. Thanks.

Another question, is it possible to change the styles that are applied to the column headers?
The colModel has a cls property, but that only affects the data cells.