Jump to content

Resizing grid toolbar and changing icons


Recommended Posts

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.... :rolleyes:

post-466-0-69469500-1377520176_thumb.png

  • Upvote 4
Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...