dhtml grid - paging toolbar skin

How can i skin the paging toolbar of my grid ?

In your example, the size of the

is 18px for the navigation buttons but i can’t get this result.

this my code :

    mygrid.setPagingWTMode(true,true,true,true,[“Results”,"Records from “,” to ",“Pag. “,” Rows.”]);

    mygrid.enablePagingWT(true,10,3,“recinfoArea”);



How can i remove the null value in the pageSelect element and make the navigation buttons disabled when there’s no rows in my grid.



Thanks for all.



Ben

The toolbar control is a dhtmlxtoolbar which can be accessed as
    grid.aToolBar…

            grid.aToolBar.disableItem(“right”);
            grid.aToolBar.disableItem(“rightabs”);
            grid.aToolBar.disableItem(“left”);
            grid.aToolBar.disableItem(“leftabs”);

            var select = grid.aToolBar.getItem(“pages”);
            select.removeOption(“0”);

>>>>How can i skin the paging toolbar of my grid ?
All aspect of skin defined in dhtmlxtoolbar.css

it’s ok for the toolbar, but for the size of the buttons.
How do you put the width to 18px, this code is in the inline html, not in the css ?
The css class is the same for the button disabled and for the label => iconGray, so i can’t change the size in the css.

The creation of toolbar described in dhtmlxgrid_pgn.js , lines 495-505

            this.aToolBar.addItem(new dhtmlXImageButtonObject(this.imgURL+‘ar_left_abs.gif’,18,18,f1,‘leftabs’,this._WTlabels[5]))
             …
Values marked as bold - width and height of button

I am agree with you, i’ve really got tese lines in this file.
but the result  is :




undefined

























undefined


and in your example, you got :




undefined
<td class=“iconGray” valign=“middle” align=“center” style=“height: 100%; width: 18px;”>


<td class=“iconGray” valign=“middle” align=“center” style=“height: 100%; width: 18px;”>


<td class=“iconGray” nowrap=“” align=“center” style=“height: 100%; width: 150px;”>



<td class=“defaultButton” valign=“middle” align=“center” style=“height: 100%; width: 18px;”>


<td class=“defaultButton” valign=“middle” align=“center” style=“height: 100%; width: 18px;”>


<td class=“toolbarNormalButton” align=“center” style=“width: 120px; height: 100%;”>



<td class=“toolbarNormalButton” align=“center” style=“width: 120px; height: 100%;”>




undefined


my code is :

   

   




Problem confirmed for strict doctype.
You can resolve issue by replacing
    dhtmlXImageButtonObject(this.imgURL+‘ar_left_abs.gif’,18,18
with
    dhtmlXImageButtonObject(this.imgURL+‘ar_left_abs.gif’,“18px”,"18px"
in dhtmlxgrid_pgn.js

If you need updated js file - please contact us directly at support@dhtmlx.com

ok it runs.
will it be replace in next release ?

Thanks for all

Yes, fix will be included in next build of dhtmlxgrid.