Whenever I try to put a spell checker inside of a ajaxcontroltoolkit modal popup extender the spell checker freezes when run on the client. Please reference the following code for an example of this.
Is there anyway to get this to work?
<%@ Page Language="C#" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
TestMV.ActiveViewIndex = 0;
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:MultiView ID="TestMV" runat="server">
<asp:View ID="SpellCheckerV" runat="server">
<asp:Button ID="Button1" runat="server" Text="Button" />
<ajaxToolkit:ModalPopupExtender ID="TestMPE" runat="server" TargetControlID="Button1"
CancelControlID="OKBTN" PopupControlID="testP">
</ajaxToolkit:ModalPopupExtender>
<asp:Panel ID="testP" runat="server" Style="display: none" Width="400" Height="400"
BackColor="Gray">
<asp:TextBox ID="TextBox1" runat="server" Height="300" Width="300"></asp:TextBox>
<asp:Button ID="Button2" runat="server" Text="Spell" />
<eo:SpellChecker ID="SpellChecker1" runat="server" DialogID="SpellCheckerDialog1"
StartButton="Button2" ControlToCheck="TextBox1">
</eo:SpellChecker>
<eo:SpellCheckerDialog ID="SpellCheckerDialog1" runat="server" BackColor="White"
CloseButtonUrl="00020312" ControlSkinID="None" HeaderHtml="Dialog Title" Height="216px"
Width="320px">
<HeaderStyleActive CssText="background-image:url('00020311');color:black;font-family:'trebuchet ms';font-size:10pt;font-weight:bold;padding-bottom:5px;padding-left:8px;padding-right:3px;padding-top:0px;" />
<BorderImages BottomBorder="00020305" BottomLeftCorner="00020304" BottomRightCorner="00020306"
LeftBorder="00020303" RightBorder="00020307" TopBorder="00020310" TopLeftCorner="00020301"
TopLeftCornerBottom="00020302" TopRightCorner="00020309" TopRightCornerBottom="00020308" />
<FooterStyleActive CssText="padding-right: 4px; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; padding-top: 4px; font-family: tahoma" />
<ContentStyleActive CssText="padding-right: 4px; padding-left: 4px; font-size: 8pt; padding-bottom: 4px; padding-top: 4px; font-family: tahoma" />
</eo:SpellCheckerDialog>
<asp:Button ID="OKBTN" runat="server" Text="OK" />
</asp:Panel>
</asp:View>
</asp:MultiView>
</div>
</form>
</body>
</html>