jQuery Grid Plugin - jqGrid - Topic: How to remove "|" character between standard and custom navigator buttons http://www.trirand.com/blog/?page_id=393/help/how-to-remove-character-between-standard-and-custom-navigator-buttons Simple:Press Version 5.7.5.3 edisonia on How to remove "|" character between standard and custom navigator buttons http://www.trirand.com/blog/?page_id=393/help/how-to-remove-character-between-standard-and-custom-navigator-buttons#p21597 Help http://www.trirand.com/blog/?page_id=393/help/how-to-remove-character-between-standard-and-custom-navigator-buttons#p21597 Thanks Oleg!  I figured out that I need custom buttons for another reason, so my workaround solution is actually OK.

Now I'll focus on changing the alert box style...

Thanks,

Ed

]]> Sun, 09 Jan 2011 23:20:39 +0200 OlegK on How to remove "|" character between standard and custom navigator buttons http://www.trirand.com/blog/?page_id=393/help/how-to-remove-character-between-standard-and-custom-navigator-buttons#p21596 Help http://www.trirand.com/blog/?page_id=393/help/how-to-remove-character-between-standard-and-custom-navigator-buttons#p21596 Hello edisonia,

removing separator from the navigator seems me very easy. Let us you have the pager with id="mypager". The separator will be added to the left part of the pager which has id="mypager_left" (the id of the pager + "_left"). The separator is the <td> element having <span class="ui-separator" /> as the child. All this you can see with Internet Explorer or Google Chrome Developer Tool or with respect of Firebug. So to remove the separator you can include the following line

$("#mypager_left td > span.ui-separator").parent().remove();

Best regards
Oleg 

]]> Sun, 09 Jan 2011 22:58:57 +0200 edisonia on How to remove "|" character between standard and custom navigator buttons http://www.trirand.com/blog/?page_id=393/help/how-to-remove-character-between-standard-and-custom-navigator-buttons#p21595 Help http://www.trirand.com/blog/?page_id=393/help/how-to-remove-character-between-standard-and-custom-navigator-buttons#p21595 As a workaround, I've added my own custom add and edit buttons, and set all of the default button visibilities to false.  With that, the vertical separator has also disappeared.

Now I'm trying to figure out how to apply the jqmodal css to the alerts from my custom buttons, so my new alerts look like those provided with the standard buttons.  Anyone know how to do this?

]]> Sun, 09 Jan 2011 22:41:08 +0200 edisonia on How to remove "|" character between standard and custom navigator buttons http://www.trirand.com/blog/?page_id=393/help/how-to-remove-character-between-standard-and-custom-navigator-buttons#p21581 Help http://www.trirand.com/blog/?page_id=393/help/how-to-remove-character-between-standard-and-custom-navigator-buttons#p21581 Hi

I am unable to figure out how to remove the "|" character that has been automatically placed between the standard buttons and my custom navigator buttons.

Any help would be appreciated.  Code below.

Thanks,

Ed

====

jQuery("#sf_pageturns").navGrid('#pager',{edit:true,add:true,del:false,search:false,refresh:false})

.navButtonAdd('#pager',{caption:"", buttonicon: "ui-icon-trash", title: "Delete selected row", onClickButton: function(){

var rowcount = $('#sf_pageturns').jqGrid('getGridParam','reccount') ; // function to count rows

if(rowcount>1) 

{

var gr = jQuery("#sf_pageturns").jqGrid('getGridParam','selrow');

if( gr != null ) jQuery("#sf_pageturns").jqGrid('delGridRow',gr,{reloadAfterSubmit:false});

else alert("You must select a row before pressing this button");

}

else

{

alert("You need to have at least one row, so this row may be edited but not deleted.");

}

},

})

]]> Sat, 08 Jan 2011 05:22:38 +0200