Resizing grid toolbar and changing icons

[TNT23 20]

If anyone wants to resize a grids toolbar (the one with next previous... etc) you can do something like:

 

servermodule->customcss

 

Be carefull not to forget !Important because it want work

.bigicons{
   background-image:url("images/back64.png") !important; 
   width:64px !important;
   height:64px !important;
 }

grid->ExtEvents->OnResize

function OnResize(sender, adjWidth, adjHeight, rawWidth, rawHeight)
{
  var tb=sender.getDockedItems('toolbar[dock="bottom"]');;
  if(tb){//if has toolbar
    if (tb.length > 0) tb = tb[0];
    tb.height=74;//resize all the toolbar
    if(tb.items.get(0)){//this is the first item of the toolbar (go to first page)
      tb.items.get(0).height=64;
      tb.items.get(0).width=64;
      //tb.items.get(0).hide(); //you can also hide a button
      tb.items.get(0).setIconCls('bigicons');//this is the css class witch puts the new icon...
    }
  }
}

I hope this helps someone....

[albertovesx 30]

Thank you