Placing Tabcontrol in ajax ModalPopupExtender Gives error how to fix it...
htmlfile: Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus.
_setFocus: function (obj) {
$get("__tab_" + obj.get_element().id).focus();
Sample Appliation code is
<asp:Button ID="btnUpdateTextItem_Cancel" runat="server" CssClass="btnUpdateTextItem_Cancel btnright"
Text="Cancel" />
<asp:Button ID="btnDoNothing1" runat="server" CssClass="btnright" Text="Hide" />
<ajaxToolkit:ModalPopupExtender ID="mpe_UpdateText" runat="server" DynamicServicePath=""
Enabled="True" TargetControlID="btnDoNothing1" PopupControlID="pnlUpdateTextItem"
BackgroundCssClass="modalBackground" OkControlID="ImageButton2" CancelControlID="btnUpdateTextItem_Cancel">
</ajaxToolkit:ModalPopupExtender>
<asp:ImageButton ID="ImageButton2" CssClass="close" runat="server" CausesValidation="False"
ImageUrl="../Images/close.gif" ToolTip="Close Email Collection " />
<asp:Panel ID="pnlUpdateTextItem" runat="server" CssClass="popup">
<ajaxToolkit:TabContainer ID="Tabsnickbee" runat="server" CssClass="tab">
<ajaxToolkit:TabPanel runat="server" ID="tabDetail" HeaderText="Details">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Role Name"></asp:Label>
</ContentTemplate>
</ajaxToolkit:TabPanel>
<ajaxToolkit:TabPanel runat="server" ID="TabReports" HeaderText="Reports">
<ContentTemplate>
<h3>
Reports
</h3>
</ContentTemplate>
</ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>
How to solve the issue.....
htmlfile: Can't move focus to the control because it is invisible, not enabled, or of a type that does not accept the focus.
_setFocus: function (obj) {
$get("__tab_" + obj.get_element().id).focus();
Sample Appliation code is
<asp:Button ID="btnUpdateTextItem_Cancel" runat="server" CssClass="btnUpdateTextItem_Cancel btnright"
Text="Cancel" />
<asp:Button ID="btnDoNothing1" runat="server" CssClass="btnright" Text="Hide" />
<ajaxToolkit:ModalPopupExtender ID="mpe_UpdateText" runat="server" DynamicServicePath=""
Enabled="True" TargetControlID="btnDoNothing1" PopupControlID="pnlUpdateTextItem"
BackgroundCssClass="modalBackground" OkControlID="ImageButton2" CancelControlID="btnUpdateTextItem_Cancel">
</ajaxToolkit:ModalPopupExtender>
<asp:ImageButton ID="ImageButton2" CssClass="close" runat="server" CausesValidation="False"
ImageUrl="../Images/close.gif" ToolTip="Close Email Collection " />
<asp:Panel ID="pnlUpdateTextItem" runat="server" CssClass="popup">
<ajaxToolkit:TabContainer ID="Tabsnickbee" runat="server" CssClass="tab">
<ajaxToolkit:TabPanel runat="server" ID="tabDetail" HeaderText="Details">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text="Role Name"></asp:Label>
</ContentTemplate>
</ajaxToolkit:TabPanel>
<ajaxToolkit:TabPanel runat="server" ID="TabReports" HeaderText="Reports">
<ContentTemplate>
<h3>
Reports
</h3>
</ContentTemplate>
</ajaxToolkit:TabPanel>
</ajaxToolkit:TabContainer>
How to solve the issue.....