jQuery Grid Plugin - jqGrid - Topic: Changing Add button icon in Navigator

Graham Mills on Changing Add button icon in Navigator

Wed, 15 Jul 2009 11:15:37 +0300

found it

should be buttonicon and not buttonimg as per the documentation.

must have changed in v3.5

Graham Mills on Changing Add button icon in Navigator

Wed, 15 Jul 2009 11:05:35 +0300

This does not seem to work for a new button.

e.g.

.navButtonAdd('#pager',{

caption:'',

title:'Approve User',
buttonimg:'ui-icon-circle-check',

....

I have tried changing the add icon as per the previous post and that works fine, but I need to change a custom button.

Any help please

Thanks

Graham

scavanger on Changing Add button icon in Navigator

Wed, 17 Jun 2009 13:12:02 +0300

Tony, you are the man!! Thank you so much.

tony on Changing Add button icon in Navigator

Wed, 17 Jun 2009 12:16:36 +0300

Hello,

Set this in navigator options not in the method options

$("#mygrid").navGrid("#pager",{edit:true,add:true,...,addicon: 'ui-icon-home'...},{..}...);

Regards

Tony

scavanger on Changing Add button icon in Navigator

Wed, 17 Jun 2009 11:00:26 +0300

Hi,

Im using jqgrid 3.5 beta and I have been able to change the button icons with navButtonadd by using buttonicon:. However, I was wondering when using the default form add button if it was possible to change the icon. I noticed that it uses the same icon as the subgrid close position and need to change one or the other.

Currently, i tried something like this and of coure it didn't work:

"#"+pager_id,{edit:true,add:true,del:true,view:true,search:false,refresh:false},
                    {reloadAfterSubmit:false,closeAfterEdit:true,width:"600",height:"275"},
                    {buttonicon:"ui-icon-home", reloadAfterSubmit:false,closeAfterAdd:true,width:"600",height:"275"},
                    {url:"include/getAdminUsers.cfc?method=delUser",closeAfterDelete:true,reloadAftersubmit:false,caption:"Delete User",msg:"Delete selected User(s)",width:"400"}

Thank you to anyone in advance that can help me out.