How to use icons in free version of param query grid. ui icons not working.

[mraj]

Hi,

I am New to param query grid  using free version.

Please provide links or samples for

1. For using icons in the toolbar, what are the include files needed for it. Below code is not working. even I have included jquery-ui.css, js files, pqgrid.css

  toolbar: {
                       
                        items: [{
                            type: 'button',
                            icon: 'ui-icon-document',
                            label: 'New Row',
                            listener: function () {
                                addRow(this);
                            }


2. Elaborate on ui.$cell, or links  about it. and other javascript objects.

3. getChanges, whenever requested, it adds extra row in the corresponding grid.

[mraj]

I am using [email protected].

after that using ace, fa, and  jquery-ui.

Still not working.

Also pager icons are also not showing.

[paramvir]

There are lot of examples using ui-icons: https://paramquery.com/demos/editing_batch

Required include files are mentioned in the tutorial section: https://paramquery.com/tutorial#topic-include

please share a jsfiddle if you are facing any issues.

Also refer to API documentation https://paramquery.com/api for API usage.

[mraj]

Hi,

The example code that is given gets icons classes ( ui-icon-plus) applied. but in my application the icon classes is not getting applied.
Here with attached the screen shots.

These are the script files i am using,

    <script src="https://unpkg.com/[email protected]/dist/jquery.js"></script>
    <link href="https://unpkg.com/[email protected]/jquery-ui.css" rel="stylesheet" />
    <link href="https://unpkg.com/[email protected]/jquery-ui.structure.css" rel="stylesheet" />
    <link href="https://unpkg.com/[email protected]/jquery-ui.theme.css" rel="stylesheet" />
    <script src="https://unpkg.com/[email protected]/jquery-ui.js"></script>

      <link href="https://unpkg.com/[email protected]/pqgrid.min.css" rel="stylesheet" />
    <link href="https://unpkg.com/[email protected]/pqgrid.ui.min.css" rel="stylesheet" />
    <link href="https://unpkg.com/[email protected]/themes/steelblue/pqgrid.css" rel="stylesheet" />

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
    <script src="https://unpkg.com/[email protected]/pqgrid.min.js"></script>
    <script src="https://unpkg.com/[email protected]/localize/pq-localize-en.js"></script>
    <script src="https://unpkg.com/[email protected]/dist/FileSaver.min.js"></script>

[mraj]

* * * Boot strap 5.3 version icons are working, which was added in toolbar  property class : 'btn btn-primary bi-alarm ' , but with property  icon: 'ui-icon-plus'  its classes are not getting applied.

using Bootstrap 5.3 cdn.