Hi,
I found an error in Tabs of ajax control toolkit, I have downloaded the last version of June 2012 Release, the erros occors in the other versions too.
The error consist in have a TabContainer inside a Tab of other TabContainer, inside an update panel.
When run the application an error of "Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus."
The error occors only in the IE 8, I dont have IE 7 for test. The error dont occors in IE 9 compatibility mode.
I have resolved this error, add a try/catch block in js script "Tabs.pre.js" where the focus of tab is set.
Attachment the application that occors the bug.
Ivan Patrick.
Comments: I am getting this error still too. Using IE8 and have tried a simply nested tab and the error is there. Using the September 2012 release and while I have seen that this has been fixed elsewhere I am not seeing this as a resolved issue yet. Here is simple code for you to test this against. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <ajaxToolkit:TabContainer ID="FirstContainer" runat="server"> <ajaxToolkit:TabPanel ID="FirstContainerPanel1" runat="server"> <HeaderTemplate>1stContainerPanel1</HeaderTemplate> <ContentTemplate>1stContainerPanel1 Content</ContentTemplate> </ajaxToolkit:TabPanel> <ajaxToolkit:TabPanel ID="FirstContainerPanel2" runat="server"> <HeaderTemplate>1stContainerPanel2</HeaderTemplate> <ContentTemplate> <ajaxToolkit:TabContainer ID="SecondContainer" runat="server"> <ajaxToolkit:TabPanel ID="SecondContainerPanel1" runat="server"> <HeaderTemplate>2ndContainerPanel1</HeaderTemplate> <ContentTemplate>2ndContainerPanel1 Content</ContentTemplate> </ajaxToolkit:TabPanel> </ajaxToolkit:TabContainer> </ContentTemplate> </ajaxToolkit:TabPanel> <ajaxToolkit:TabPanel ID="FirstContainerPanel3" runat="server"> <HeaderTemplate>1stContainerPanel3</HeaderTemplate> <ContentTemplate>1stContainerPanel3 Content</ContentTemplate> </ajaxToolkit:TabPanel> </ajaxToolkit:TabContainer> <div> </div> </form> </body> </html>
I found an error in Tabs of ajax control toolkit, I have downloaded the last version of June 2012 Release, the erros occors in the other versions too.
The error consist in have a TabContainer inside a Tab of other TabContainer, inside an update panel.
When run the application an error of "Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus."
The error occors only in the IE 8, I dont have IE 7 for test. The error dont occors in IE 9 compatibility mode.
I have resolved this error, add a try/catch block in js script "Tabs.pre.js" where the focus of tab is set.
Attachment the application that occors the bug.
Ivan Patrick.
Comments: I am getting this error still too. Using IE8 and have tried a simply nested tab and the error is there. Using the September 2012 release and while I have seen that this has been fixed elsewhere I am not seeing this as a resolved issue yet. Here is simple code for you to test this against. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> <ajaxToolkit:TabContainer ID="FirstContainer" runat="server"> <ajaxToolkit:TabPanel ID="FirstContainerPanel1" runat="server"> <HeaderTemplate>1stContainerPanel1</HeaderTemplate> <ContentTemplate>1stContainerPanel1 Content</ContentTemplate> </ajaxToolkit:TabPanel> <ajaxToolkit:TabPanel ID="FirstContainerPanel2" runat="server"> <HeaderTemplate>1stContainerPanel2</HeaderTemplate> <ContentTemplate> <ajaxToolkit:TabContainer ID="SecondContainer" runat="server"> <ajaxToolkit:TabPanel ID="SecondContainerPanel1" runat="server"> <HeaderTemplate>2ndContainerPanel1</HeaderTemplate> <ContentTemplate>2ndContainerPanel1 Content</ContentTemplate> </ajaxToolkit:TabPanel> </ajaxToolkit:TabContainer> </ContentTemplate> </ajaxToolkit:TabPanel> <ajaxToolkit:TabPanel ID="FirstContainerPanel3" runat="server"> <HeaderTemplate>1stContainerPanel3</HeaderTemplate> <ContentTemplate>1stContainerPanel3 Content</ContentTemplate> </ajaxToolkit:TabPanel> </ajaxToolkit:TabContainer> <div> </div> </form> </body> </html>