Mouse Hover effect on asp.net datagrid.

  • Home
  • Blog
  • Mouse Hover effect on asp.net datagrid.

Here is the code for mouse hover effect in ASP.NET using C#.

I have written a another code for mouse hover effect in asp.net data gird. You can do both for alternating item and item rows.

First You have to create a item created event of datagrid and paste the following…

private void datagrid_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e){if (e.Item.ItemType==ListItemType.AlternatingItem){

e.Item.Attributes.Add(“OnMouseOver”, “this.style.backgroundColor = ‘lightblue’;”);

e.Item.Attributes.Add(“OnMouseOut”, “this.style.backgroundColor = ‘#E5F2FA’;”);}else if(e.Item.ItemType==ListItemType.Item){

e.Item.Attributes.Add(“OnMouseOver”, “this.style.backgroundColor = ‘lightblue’;”);

e.Item.Attributes.Add(“OnMouseOut”, “this.style.backgroundColor = ‘white’;”);}

}