Mouse clicks lost when using AjaxToolkit TabControl
Posted: Mon Jun 30, 2008 5:49 pm
I have an application that uses ASP.NET AJAX Toolkit's tab control to display several panels on a web page, some of which contain steema charts. I need to capture the X,Y coordinates of a mouse click on a given chart, embedded in a tab panel. However, it appears that once added to the toolkit's TabContaner Control, the mouse clicks from the steema chart aren't being recognized. I have other controls - such as asp.net datagrids, for which this is not an issue.
I have a sample project I can send you, if that would help.
Below is the apsx page code:
thanks,
Rich
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ZoomUpdatePanel.aspx.cs" Inherits="ZoomUpdatePanel" %>
<%@ Register Assembly="TeeChart" Namespace="Steema.TeeChart.Web" TagPrefix="tchart" %>
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" Height="700px"
Width="1079px" BorderStyle="Outset" BorderWidth="2px">
<cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel1">
<HeaderTemplate>
Home
</HeaderTemplate>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<tchart:WebChart ID="WebChart1" runat="server" AutoPostback="False" Config="AAEAAAD/////AQAAAAAAAAAMAgAAAFJUZWVDaGFydCwgVmVyc2lvbj0zLjAuMzA2NS4xNjA5OSwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj05YzgxMjYyNzZjNzdiZGI3BQEAAAAVU3RlZW1hLlRlZUNoYXJ0LkNoYXJ0AQAAAA8uQXNwZWN0LlpPZmZzZXQABgIAAAAAAAAAAAAAAAs="
GetChartFile="GetChart.aspx" Height="300px" TempChart="Session" Width="400px" OnClickBackground="WebChart1_ClickBackground" OnAfterDraw="WebChart1_AfterDraw" />
</ContentTemplate>
</asp:UpdatePanel>
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</form>
</body>
</html>
I have a sample project I can send you, if that would help.
Below is the apsx page code:
thanks,
Rich
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ZoomUpdatePanel.aspx.cs" Inherits="ZoomUpdatePanel" %>
<%@ Register Assembly="TeeChart" Namespace="Steema.TeeChart.Web" TagPrefix="tchart" %>
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="asp" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
</div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<cc1:TabContainer ID="TabContainer1" runat="server" ActiveTabIndex="0" Height="700px"
Width="1079px" BorderStyle="Outset" BorderWidth="2px">
<cc1:TabPanel ID="TabPanel1" runat="server" HeaderText="TabPanel1">
<HeaderTemplate>
Home
</HeaderTemplate>
<ContentTemplate>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<tchart:WebChart ID="WebChart1" runat="server" AutoPostback="False" Config="AAEAAAD/////AQAAAAAAAAAMAgAAAFJUZWVDaGFydCwgVmVyc2lvbj0zLjAuMzA2NS4xNjA5OSwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj05YzgxMjYyNzZjNzdiZGI3BQEAAAAVU3RlZW1hLlRlZUNoYXJ0LkNoYXJ0AQAAAA8uQXNwZWN0LlpPZmZzZXQABgIAAAAAAAAAAAAAAAs="
GetChartFile="GetChart.aspx" Height="300px" TempChart="Session" Width="400px" OnClickBackground="WebChart1_ClickBackground" OnAfterDraw="WebChart1_AfterDraw" />
</ContentTemplate>
</asp:UpdatePanel>
</ContentTemplate>
</cc1:TabPanel>
</cc1:TabContainer>
</form>
</body>
</html>