I've encountered an issue with putting an editor inside a panel to use as a modalpopup using the ajaxtookkit modalpopupextender. The popup extender uses a hidden panel as the targetcontrolid so that I can update controls within the modalpopup before its displayed. I use a link button to initialize the modal. When using firefox the linkbutton click event doesnt fire, but in IE7 it works fine. I'm using the lastest firefox version 3.0.11 and the new 2009 web controls suite. Here's my code:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Modal_Editor_test.aspx.vb"
Inherits="Modal_Editor_test" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<%@ 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">
<asp:ScriptManager ID="scriptman" runat="Server">
</asp:ScriptManager>
<asp:LinkButton ID="testbttn" runat="server" Text="Display Modal" />
<asp:Panel ID="hiddenPanel" runat="server">
</asp:Panel>
<asp:Panel ID="testmodal" runat="server" Style="display: none; width: 600px">
<eo:Editor ID="testEditor" runat="server">
</eo:Editor>
<asp:Button ID="OK_MODALBTTN" runat="server" Text="Ok" />
<asp:Button ID="CANCEL_MODAL" runat="server" Text="Cancel" />
</asp:Panel>
<cc1:ModalPopupExtender runat="server" ID="test_MODALPOPUP" TargetControlID="hiddenPanel"
PopupControlID="testmodal" OkControlID="OK_MODALBTTN" CancelControlID="CANCEL_MODAL"
DropShadow="false">
</cc1:ModalPopupExtender>
</form>
</body>
</html>
Code Behind:
Partial Class Modal_Editor_test
Inherits System.Web.UI.Page
Protected Sub displayModal(ByVal sender As Object, ByVal e As System.EventArgs) Handles testbttn.Click
test_MODALPOPUP.Show()
End Sub
End Class