Hi,
In the jquery grid is there any way I can customize the image that comes when I try to delete any row.
Also, I would like to customize the tool tip that comes while I try to delete a record from the grid. I did try DeleteRowLabel & DeleteRowTooltip but it didnt work.
I am using cshtml pages.
Dummy code :
{
name: 'Updating',
enableAddRow: false,
editMode: 'none',
enableDeleteRow: true,
DeleteRowLabel: 'Delete User',
DeleteRowTooltip: 'Delete User',
//event raised before row was deleted
rowDeleting: function (e, args)
//Show the confirm message ..
}
Let em know further.
After trying different options I believe deleteRowLabel & deleteRowTooltip works !
But how to change the image that comes up when I hover over any row to delete that particular row ?
Hello Anirban,
Thank you for posting in our forums.
You should change the classes applied to the Delete button and the icon on Delete button
http://help.infragistics.com/jQuery/2011.2/ui.iggridupdating#theming
Let us know if you need further assistance
Thank you for sharing your code snippet.
.ui-iggrid-button-icon-only .ui-icon, .ui-iggrid-deleteicon
float: none;
position: relative;
margin-top: 0;
margin-left: 0;
background-color: transparent;
top: 0;
background-image: url('../../../../../Styles/images/fancybox/fancy_close.png') !important;
.ui-iggrid-button-icon-only, .ui-iggrid-deletebutton
cursor: pointer;
display: inline-block;
white-space: nowrap;
cursor: default;
width: 20px;
height: 20px;
padding: 3px !important;
z-index: 1;
Applying the above css I was able to change the delete icon in the online sample
http://samples.infragistics.com/jquery/grid/row-deleting-api
Hope this helps
Thanks for the quick assistance.
Here is what is did to change the delete icon:
***********Code ***********************************************************
#userIgGrid .ui-iggrid-deleteicon
display: none !important;
cursor:pointer;
#userIgGrid .ui-iggrid-deletebutton
background-image: url(images/delete.png) ;
background-size: 100%;
background-repeat: no-repeat;
**********************************End Code *************************************************
Thanks,
Anirban