ASP.NET

ASP.NET RSS

How to establish alt text for datagrid headers?

Please support our ASP.NET advertiser: Intel Parallel Studio Home

•

Join Date: Sep 2006

Posts: 12

Reputation: kingflux is an unknown quantity at this point

Solved Threads: 0

kingflux

Offline

Newbie Poster

How to establish alt text for datagrid headers?

Jul 31st, 2007

Hello, I am working in VS.NET 2003 with the original datagrid control. There does not appear to be a published technique for displaying alt text on the grid headers (e.g. mouseover causes a pop-up explaining what the column represents).

Has anyone successfully accomplished this with the Microsoft datagrid or a third party?

Thank you in advance!

•

Join Date: Jul 2007

Posts: 24

Reputation: atal is an unknown quantity at this point

Solved Threads: 0

atal

Offline

Newbie Poster

Re: How to establish alt text for datagrid headers?

Aug 1st, 2007

you should use javascript for this to achive for more information visit this website:
http://www.netomatix.com/GridToolTip.aspx

•

Join Date: May 2006

Posts: 1,580

Reputation: Infarction has a spectacular aura about

Solved Threads: 52

Infarction Infarction is offline

Offline

Battle Programmer

Re: How to establish alt text for datagrid headers?

Aug 2nd, 2007

For IE, I think setting the title attribute will do that. I'm pretty sure that this does not work on Firefox however.

•

Join Date: Feb 2005

Posts: 1,181

Reputation: hollystyles will become famous soon enough

Solved Threads: 67

hollystyles hollystyles is offline

Offline

Veteran Poster

Re: How to establish alt text for datagrid headers?

Aug 2nd, 2007

Inherit from BoundColumn and DataGrid classes. Add a public string accessor for the tool tip text in the BoundColumn derived class. Override the OnItemCreated event in your derived DataGrid class. My company is Weblogik so we prefix all our derived classes wl, so you might want to change that.

 Help with Code Tags 
 ASP.NET Syntax (Toggle Plain Text) 
using System;
using System.Web.UI.WebControls;
 
namespace yourproject.namespace
{
	/// <summary>
	/// Summary description for wlBoundColumn.
	/// </summary>
	public class wlBoundColumn : BoundColumn
	{
		private string headerToolTip;
		public string HeaderToolTip
		{
			get{return headerToolTip;}
			set{headerToolTip = value;}
		}
	}
 
	/// <summary>
	/// Summary description for wlDataGrid.
	/// </summary>
	public class wlDataGrid : DataGrid 
	{
		private const string HEADER_TOOLTIP_FORMAT = @"<p title=""{0}"">{1}</p>";
 
		protected override void OnItemCreated(DataGridItemEventArgs e)
		{
			if(e.Item.ItemType == ListItemType.Header) 
			{ 
				for (int i=0;i < e.Item.Cells.Count;i++) 
				{ 
					if (Columns[i] is wlBoundColumn) 
					{ 
						wlBoundColumn col = (wlBoundColumn)Columns[i]; 
						if (col.HeaderToolTip != null) 
						{ 
							TableCell cell = e.Item.Cells[i]; cell.Text = String.Format(HEADER_TOOLTIP_FORMAT,
																  col.HeaderToolTip,cell.Text);
						}
					}    
				}
			}
			//invoke base class method 
			base.OnItemCreated(e);
		}
	}
}
using System;
using System.Web.UI.WebControls;

namespace yourproject.namespace
{
	/// <summary>
	/// Summary description for wlBoundColumn.
	/// </summary>
	public class wlBoundColumn : BoundColumn
	{
		private string headerToolTip;
		public string HeaderToolTip
		{
			get{return headerToolTip;}
			set{headerToolTip = value;}
		}
	}

	/// <summary>
	/// Summary description for wlDataGrid.
	/// </summary>
	public class wlDataGrid : DataGrid 
	{
		private const string HEADER_TOOLTIP_FORMAT = @"<p title=""{0}"">{1}</p>";

		protected override void OnItemCreated(DataGridItemEventArgs e)
		{
			if(e.Item.ItemType == ListItemType.Header) 
			{ 
				for (int i=0;i < e.Item.Cells.Count;i++) 
				{ 
					if (Columns[i] is wlBoundColumn) 
					{ 
						wlBoundColumn col = (wlBoundColumn)Columns[i]; 
						if (col.HeaderToolTip != null) 
						{ 
							TableCell cell = e.Item.Cells[i]; cell.Text = String.Format(HEADER_TOOLTIP_FORMAT,
																  col.HeaderToolTip,cell.Text);
						}
					}    
				}
			}
			//invoke base class method 
			base.OnItemCreated(e);
		}
	}
}

In your aspx page you need to register a TagPrefix:

 Help with Code Tags 
 aspnet Syntax (Toggle Plain Text) 
<% @Page blah... %>
<%@ Register TagPrefix="wlc" Namespace="yourproject.namespace" Assembly="yourprojectassemblyname" %>
 
<DOCTYPE Blah ...>
 
<html>
<body>
<form>
 
<wlc:wlDataGrid id="wlDataGrid1" runat="server" AutoGenerateColumns="False">
	<columns>
		<wlc:BoundColumn DataField="fieldname" HeaderText="header" HeaderToolTip="My header tooltip"></wlc:wlBoundColumn>
	</columns>
</wlc:wlDataGrid>
 
.
.
.
<% @Page blah... %>
<%@ Register TagPrefix="wlc" Namespace="yourproject.namespace" Assembly="yourprojectassemblyname" %>

<DOCTYPE Blah ...>

<html>
<body>
<form>

<wlc:wlDataGrid id="wlDataGrid1" runat="server" AutoGenerateColumns="False">
	<columns>
		<wlc:BoundColumn DataField="fieldname" HeaderText="header" HeaderToolTip="My header tooltip"></wlc:wlBoundColumn>
	</columns>
</wlc:wlDataGrid>

.
.
.

I have found this works in FireFox (1.5 tested, I haven't tried 2.0), but there seems a strange behaviour, if you 'view page source' it stops working properly afterwards. I don't know if that has anything to do with the page being in a pop-up child window.

==========================================
Yadda yadda yadda...
Web junky, fevered monkey

•

Join Date: Sep 2006

Posts: 12

Reputation: kingflux is an unknown quantity at this point

Solved Threads: 0

kingflux

Offline

Newbie Poster

Re: How to establish alt text for datagrid headers?

Mar 3rd, 2008

Hello, Infarction-- There is no title attribute in the DataGrid control. I've checked .NET 1.1, 2.0, and 3.5.

•

Join Date: Sep 2006

Posts: 12

Reputation: kingflux is an unknown quantity at this point

Solved Threads: 0

kingflux

Offline

Newbie Poster

Re: How to establish alt text for datagrid headers?

Mar 3rd, 2008

Hello, Paul-- I'm finally getting to this. The derived class compiles without errors, I added a line the aspx to register the new TagPrefix, but now I get The directive is missing a 'src' attribute.

Any ideas?